Diseño de Páginas Web
1.1 Internet
1.1.1 Protocolos:
Imagina que estás visitando un sitio web, como «www.ejemplo.com». Cuando escribes esta dirección en tu navegador y presionas «Enter», tu navegador utiliza el protocolo HTTP para solicitar la página web al servidor donde se aloja «www.ejemplo.com». El servidor responde enviando los datos de la página a través del mismo protocolo. En este caso, HTTP es el protocolo que permite la transferencia de datos entre tu navegador y el servidor web.
1.1.2 El hipertexto y la web:
Cuando navegas por un sitio web, a menudo encuentras enlaces hipertexto que te permiten acceder a otras páginas o recursos. Por ejemplo, en una página de noticias, puedes hacer clic en un titular destacado (un enlace) para leer el artículo completo. Este enlace hipertexto te lleva a otra página web, lo que demuestra cómo el hipertexto permite la navegación entre diferentes partes de la web.
1.2 Arquitectura web
1.2.1 Bases y fundamentos de la arquitectura web:
Imagina que deseas visitar un sitio web de noticias. Cuando escribes la dirección en tu navegador, tu dispositivo actúa como el «cliente». Este cliente envía una solicitud a un servidor web (donde se almacena el sitio de noticias). El servidor responde enviando la página web solicitada. Esta comunicación entre cliente y servidor es fundamental en la arquitectura web. Por ejemplo, un navegador web como Chrome es un cliente que solicita información a servidores web para mostrar las páginas que ves.
1.2.2 Estructura de una página web:
Una página web tiene una estructura básica que consiste en un encabezado (header), el cuerpo (body) y el pie de página (footer). Por ejemplo, el encabezado puede contener el logotipo y el menú de navegación, el cuerpo contendrá el contenido principal, como artículos y fotos, y el pie de página puede incluir información de contacto y enlaces adicionales. Esta estructura es esencial para organizar el contenido de una página web de manera coherente.
Estos ejemplos prácticos ayudan a los estudiantes a comprender cómo funcionan los conceptos clave del diseño de páginas web en la práctica, desde el uso de protocolos de Internet hasta la estructura básica de una página web.
