Proyecto paginas Web tercer parcial

 

Mora Garcia Merary Sinay

Padilla Vallin Yasmin Guadalupe

Ortiz Chavez Madian Isbai

6-H

Que es una pagina web?

Una página web es un documento individual dentro de un sitio web que se puede ver en un navegador mediante una URL. Es la unidad básica que se consulta para ver contenido en la web.

Se compone por:

• Contenido y estructura: suele estar escrito en HTML, que define textos, imágenes, videos y la organización de la información.
• Estilo y apariencia: CSS se usa para dar diseño y estilo visual.
• Interactividad: JavaScript añade comportamientos dinámicos e interacciones.
• Cómo se carga: cuando accedes a una URL, el navegador envía una solicitud al servidor; este envía los archivos (HTML, CSS, JS, imágenes) y el navegador los renderiza para mostrar la página.

Entendi que una pagina web es un documento en una web que es una unidad con textos, imagenes, animaciones, informacion etc. Se organiza con una estructura visualmente atractiva y ordenada sin llegar a ser muy poca o mucha.

Que es un sitio web?

Un sitio web es un conjunto de páginas web relacionadas entre sí y que comparten un dominio (por ejemplo, ejemplo.com). Se accede a ellas desde un navegador a través de Internet.

Se compone por:

• Páginas web: documentos escritos en HTML que muestran texto, imágenes, videos y otros contenidos.
• Estilos y comportamiento: CSS para el diseño visual y JavaScript para la interactividad.
• Servidor y hosting: el sitio vive en un servidor; cuando tú visitas una URL, tu navegador envía una solicitud (HTTP/HTTPS) y el servidor responde con los archivos del sitio.

Entendi que un sitio web es el lugar en la web donde hay un conjunto de varias paginas web que tienen contenido en comun,se pueden ver mediante un navegador web con internet y un link, tienen imagenes, texto, videos, etc. y tiene una estructura visual llamativa.

Que es un dominio?

Es el nombre legible que usas para acceder a un sitio en Internet (por ejemplo, ejemplo.com).

• No es una dirección IP; un registrador de dominios te permite comprar uno y luego aparecen ajustes de DNS para dirigirlo a un servidor.
• Puedes tener subdominios como blog.ejemplo.com o tienda.ejemplo.com.

Son las letras con las que termina un link

• .net
• .org
• .com
• .edu

URL

• Es la dirección completa que usas para localizar un recurso en la web, por ejemplo: https://www.ejemplo.com/productos?id=123#opiniones

• Componentes típicos:

• Dominio o host (www.ejemplo.com)
• Ruta/Path (/productos)
• Consulta (id=123)
• Ancla o fragmento (#opiniones)

Es el link para acceder a un sitio web, tiene dominio, ruta, etc, Se accede por el navegador.

Que es hosting?

Es el servicio que aloja los archivos de tu sitio (HTML, CSS, imágenes, etc.) en servidores para que sean accesibles a través de Internet.

Aporta almacenamiento, ancho de banda, seguridad, y a veces herramientas de gestión.

Tipos comunes:

• hosting compartido
• VPS/dedicado
• Hosting en la nube
• Hosting administrado

Es el lugar en la web donde se guardan los archivos de un sitio web.

Que son applets?

• Eran pequeños programas en Java que se incrustaban en páginas web para ofrecer funcionalidad adicional.
• Ya no se usan prácticamente: los navegadores modernos han dejado de soportar la tecnología necesaria por motivos de seguridad y compatibilidad.
• 
  
• Son programas que estaban en las paginas web para que funcionaran.
• 
  
• 
  
  
  
  
• 
  

Elementos de una pagina web

Encabezado (Header)

• Parte superior de la página

• Contiene el logo, título y menú principal.

Menú de navegación

• Permite moverse entre las diferentes secciones o páginas del sitio.

Contenido principal

• Información más importante de la página.
• Puede incluir textos, imágenes, videos y tablas.

Imágenes y multimedia

• Fotografías, íconos, audios o videos que complementan la información.

Enlaces o hipervínculos

• Conectan con otras páginas o sitios web.

Formularios

• Sirven para ingresar datos, como registros, búsquedas o contactos.

Botones

• Ejecutan acciones como enviar información o abrir contenido.

Barra lateral (Sidebar)

• Espacio adicional con menús, anuncios o información extra.

Pie de página (Footer)

• Parte inferior de la web.
• Incluye contacto, redes sociales, derechos de autor, etc

Son la estructura que permite que la pagina funcione correctamenre, como los botones para acceder etc.

Estandares basicos de diseño web

Son reglas y recomendaciones que ayudan a crear páginas web compatibles, accesibles y funcionales en diferentes navegadores y dispositivos.

W3C

El World Wide Web Consortium (W3C) es la organización encargada de desarrollar los principales estándares de la web.

Funciones:

• Crear normas para el desarrollo web.
• Garantizar compatibilidad entre navegadores.
• Mejorar la accesibilidad y usabilidad.
• Promover una web abierta y universal.

Es una organizacion que crea y mejora los estandares de la web.

Es el lenguaje utilizado para crear la estructura de una página web.

Funciones:

• Organizar el contenido.
• Crear títulos, párrafos y listas.
• Insertar imágenes, videos y enlaces.
• Definir formularios y tablas.

Es un lenguaje con el que se crea la forma de una oagina web

CSS

Se utiliza para dar diseño y estilo a las páginas web.

Funciones de CSS:

• Cambiar colores y fuentes.
• Ajustar tamaños y posiciones.
• Crear animaciones y diseños responsivos.
• Mejorar la apariencia visual.

Es el "codigo" que se usa para dar estructura a la pagina web.

:Estructura basica de la web.

<!DOCTYPE html>

<html>

<head>

    <title>Mi página web</title>

</head>

<body>

    <h1>Hola mundo</h1>

    <p>Bienvenido a mi página web.</p>

</body>

</html>

Elementos basicos

Titulo:

Se utilizan para colocar encabezados y organizar la información

Etiqueta;

<h1>Título principal</h1>

<h2>Subtítulo</h2>

<h3>Otro subtítulo</h3>

Párrafos:

Sirven para escribir texto o información.

Etiqueta;

<p>Este es un párrafo de texto.</p>

Imágenes:

Permiten mostrar fotografías o ilustraciones.

Etiqueta;

<img src="imagen.jpg" alt="Descripción de la imagen">

Hipervínculos

Se usan para enlazar otras páginas o sitios web.

<a href="https://www.google.com">Ir a Google</a>

Videos

Permiten insertar videos en la página web.

Etiqueta;

<video controls>

   <source src="video.mp4" type="video/mp4">

</video>

Son los principales componentes de una pagina web

Marquetacion web.

La maquetación web es la forma en que se organiza y distribuye el contenido dentro de una página web para que tenga una estructura clara y atractiva.

Tablas

Las tablas se usan para organizar información en filas y columnas.

Divs

La etiqueta <div> sirve para dividir y organizar secciones de la página.

Clases

Las clases permiten aplicar estilos a varios elementos al mismo tiempo

Menú de navegación

Es un conjunto de enlaces que permite moverse entre páginas o secciones del sitio web.

Es la manera en la que se organiza el contenido en una pagina web

Estilos basicos

Tamaño

Se utiliza para cambiar el tamaño del texto, imágenes o elementos.

Colores

Permiten modificar el color del texto o del fondo.

Fuentes

Sirven para cambiar el tipo de letra.

Son las opciones de los tipos de texto que se pueden editar.

Diseño y usabilidad en una página web

El diseño y la usabilidad ayudan a que una página web sea atractiva, ordenada y fácil de utilizar.

Es la opcion de edicion  y estructura de una pagina

Diseño de una página web usando software de aplicación

¿Qué es un software de aplicación?

Es un programa creado para ayudar al usuario a realizar tareas específicas, como diseñar páginas web.

Ejemplo: Adobe Dreamweaver

• Programa para diseñar páginas web visualmente y con código.
• Facilita la creación de sitios sin escribir todo manualmente.

Son aplicaciones que pueden ayudar a editar una pagina web