El día Viernes 10 de Junio 2022 se completa la Landing Page correspondiente al primer modulo de este curso la cual esta construida en lenguaje HTML + CSS incluyendo elementos de Bootstrap. Se finaliza la construcción con la inserción de los Media Queries.
Objetivo del Proyecto
Construir una landing page básica con HTML y CSS, la idea fue ir aplicando nociones de diseño gráfico mas los principios de diseño como los de la Gestalt. La actividad comenzó con el Diseño estático de la landing trabajado en Illustrator para trabajarlo posteriormente en HTMl y CSS.
El editor de Texto utilizado fue Visual Estudio Code y se personaliza con los Plugins del programa.
La estructura semántica del sitio se trabajó en HTML, el cual es el esqueleto del sitio que contiene las filas y columnas, HEAD – HEADER – BODY – FOOTER.
Todas las características de Diseño como lo es el color, ancho alto, tipografías, color, tamaños, etc. se trabajaron en un documento llamado estilo.css.
Los Media Queries se colocan al final del CSS y se desarrolla el concepto de Breakpoints. para nuestro proyecto
Esta página web se adapta a distintos dispositivos por los breakpoints insertados en el CSS con el Media Queries.
Herramienta Destacada: El inspector de elementos.
