Actividad 12: Desarrollo del diseño de página para adaptarse a diferentes dispositivos.


El participante desarrolla un programa HTML5 con CSS3 para crear un menú adaptativo.

Desarrollar un menú HTML que sea adaptativo a diferentes dispositivos.

Para desarrollar la actividad de este tema necesitas haber desarrollado y analizado los ejemplos presentados en el tema.

Realiza el código necesario HTML5 y CSS3 para desarrollar lo siguiente:

  1. Un menú en formato HTML que se adapte a una pantalla normal de laptop. El menú debe ser sobre tipos de comidas y deberá tener dos niveles:
    1. Categoría de comida (por ejemplo: Comida italiana, Comida mexicana, etc.).
    2. Comida en particular (si se seleccionó Comida italiana debe aparecer un segundo nivel que diga: Pizza, Ravioles, etc.).
  2. El mismo menú del punto anterior, pero ahora adaptado a la pantalla de un iPhone de 320 px.
  3. El mismo menú del punto anterior, pero ahora adaptado a la pantalla de una tablet de 7 pulgadas.

Criterio

Puntaje

1.

Se desarrolló el menú para laptop.

25

2.

Se desarrolló el menú para iPhone.

25

3.

Se desarrolló el menú para tablet.

25

4.

Se desarrolló el menú en dos niveles.

25

Archivos HTML5 y CCS3 con las especificaciones requeridas en la actividad.