---

Objetivo:

Crear la página principal de un sitio Web y que se adapte a diferentes tipos de pantallas (Responsive Web Design).

Forma de trabajo:

Esta práctica se desarrollará de manera individual.

Desarrollo:

• Definir las diferentes áreas o segmentos de la página principal.
• Definir los puntos de quiebre para construir el index.html del proyecto individual del alumno.
• Para el ejemplo que está a continuación se eligieron los siguientes puntos:
  1. 1200 pixeles
  2. 980 pixeles

A continuación se propone la estructura de las diferentes secciones de la página principal de tamaño Desktop (es sólo una guía, no tiene que ser necesariamente así):

Aquí se muestra el mismo código pero ejecutado en una pantalla del tamaño de una tableta:

Aquí se muestra nuevamente el mismo código pero ejecutado en una pantalla del tamaño de un celular:

Aquí se encuentra el código de una página con código responsivo, el cual puede servir de guía para hacer esta práctica.

Una vez terminada las secciones y los puntos de quiebre construir toda la página principal

Aquí se muestra como ejemplo la página de xumarhu.net a tamaño escritorio:

Aquí se muestra como ejemplo la página de xumarhu.net a tamaño tableta:

Aquí se muestra como ejemplo la página de xumarhu.net a tamaño celular:

Reporte del alumno (resultados):

• El Profesor revisará que la página principal del proyecto del alumno se adapte a diferentes pantallas.

---