Taller de Maquetación con Flexbox Module CSS

Fecha Ponente(s)
Martes 17 al viernes 20 de noviembre del 2020.

Edgar Vargas Zemeño.
Especialista de diseño web

UNAM, DGTIC

Material generado

 

Información general del taller

Perfil de ingreso.

Conocimiento intermedio de lenguajes HTML y CSS.

Objetivo.

Que el participante maneje los conceptos de maquetación unidimensional con Flexbox de manera teórica, para llevar a la práctica su aplicación en proyectos de construcción Web, con énfasis en el diseño web responsivo.

Temario

     1. Antecedentes: olvídate de float y clear.

        1.1 Maquetación en el boom de internet.
        1.2 Maquetación convencional.
        1.3 Nuevos paradigmas Flex vs Grid.

     2. Conceptos y propiedades  en Flexbox.

        2.1 Entendiendo los ejes y el direccionamiento.
        2.2 Elementos contenedores y elementos contenidos.
        2.3 Alineación de elementos.
        2.4 Autoalineación de elementos contenidos.
        2.5 Anidación.

     3.Maquetación con Flexbox.

        3.1 Manejo del espacio disponible.
        3.2 Orden.
        3.3 Estructuración básica.
        3.4 Construcción completa.

     4. Maquetación multidispositivo.

        4.1 Trucos y tips.
        4.2 Diseño responsivo accesible.
        4.3 Lo que no puedes olvidar.
        4.4 Construcción responsiva.

     5. Proyecto Final.

        5.1 Felxbox en Bootstrap 4.
        5.2 Modelando el proyecto final.

Recursos informáticos.

  • Equipo de cómputo.
  • Conexión a internet.
  • Software editor de código.
  • Navegador.