Notas, capturas de pantallas y otros apuntes de la sesión 3


En la sesión de hoy:

  1. Comprenderemos el comportamiento de las retículas de Bootstrap 5
    1. Descarga las retículas para Bootstrap5 desde nuestra cuenta en Figma: https://formaciongrafica.net/u/rb5f
  2. Veremos un ejemplo de uso de Media Queries: https://formaciongrafica.net/u/twmq
  3. Trabajaremos desde la web oficial de Bootstrap: https://formaciongrafica.net/u/rb5f
    1. Entenderemos con las clases .container, .row y .col-
  4. Veremos un ejemplo básico sobre el comportamiento de las columnas en Bootstrap 5: https://formaciongrafica.net/u/bs5col
  5. Colocaremos los principales elementos de la página:
    1. NavBar (barra de menu): https://formaciongrafica.net/u/bs5nb
    2. Carousel (slider): https://formaciongrafica.net/u/bs5sl

Recuerda el objetivo final de nuestro taller:

Prototipo Rocha de/sign


Ejemplo de código para una Media Query:

Untitled

Untitled

Definiendo la carpeta de trabajo de nuestro proyecto en Atom:

Untitled

Crear un archivo nuevo en nuestra carpeta de trabajo:

Untitled