jairogarcíarincón

Maquetación web responsive


403

Descripción

Curso de repaso de HTML5 y maquetación web multidispositivo con flexbox y grid.

Introducción



En este curso realizaremos un recorrido por distintas estrategias de maquetación web para diferentes dispositivos.

Empezaremos haciendo un repaso de las estructuras básicas de HTML y CSS para, a continuación, centrarnos en las dos estrategias más comunes de agrupación de elementos o layouts, esto es, flexbox y grid.

Una vez recordados estos conceptos, avanzaremos en la utilización de media-queries para adaptar nuestros diseños a diferentes dispositivos.


Metodología



Para un correcto aprovechamiento, debemos realizar el curso mediante la lectura y escucha activa de los contenidos, la repetición en nuestro equipo de los diferentes ejemplos que vayan apareciendo y, por último, realizando por nuestra cuenta los diferentes ejercicios que el profesor vaya proponiendo.

Por este motivo, se recomienda interrumpir al profesor siempre que se considere necesario, para evitar perderse o quedarse atrás.

Todo el código utilizado en el curso, incluido el de los ejercicios propuestos, se encuentra disponible en el siguiente repositorio público de GitHub:

maquetación-web-responsive.

Es importante remarcar que estas páginas son un apoyo para impartir el curso, y que por tanto no estarán desarrolladas al detalle las instrucciones de cada uno de los ejercicios, sino solo una idea general que luego se irá detallando mediante explicaciones del profesor en las clases.


Evaluación



Al final del curso, se mostrará un cuestionario de evaluación tipo test para cuantificar el aprendizaje de los contenidos.


Publicado el 15 de Mayo de 2024

maquetacionwebresponsive flexboxgridangularmaterialmedia queries