Módulo 1: Fundamentos del Diseño visual y desarrollo web
En este módulo cada participante aprenderá a construir una landing page básica con HTML y CSS, aplicando nociones de diseño gráfico y comunicación visual de acuerdo a los principios de diseño.
Aprendizajes: Aplicar las nociones básicas de diseño gráfico y comunicación visual en el bosquejo de una landing page de acuerdo a los principios de diseño. Construir una landing page básica utilizando HTML y CSS acorde a las buenas prácticas de la industria. Construir una página web básica utilizando HTML y CSS que se adapte a distintos dispositivos acorde a las buenas prácticas de la industria.
Sesión 28: Landing Page / Fin Modulo 1
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
Sesión 27: Landing Page / complementos
Continuamos con el Desarrollo de nuestra landing personalizada, se abren las salas para continuar con el trabajo.
Sesión 26: trabajo en clases y dudas
Hoy 8 de Junio 2022 es una sesión dedicada al trabajo personal en landing page y para resolver dudas con el profesor. Trabajar por secciones del HTML es fundamental para ajustar correctamente el @media en mi caso para este día
Sesión 25: @media / integración css
Repasamos algunos conceptos necesarios para hacer nuestro sitio responsivo. La @mediaregla se usa en consultas de medios para aplicar diferentes estilos de medios/dispositivos desde el Desktop al Mobile. Las consultas de medios se pueden usar para verificar muchas cosas, como: ancho
Sesión 24: Códigos / bootstrap
Revisamos nuestro landing y continuamos adaptando nuestra página con Queries. Para insertar galerías y otras características en html y css es necesario conocer Bootstrap. Para instalarlo en necesario ir a la documentación de inicio. https://getbootstrap.com/docs/5.2/getting-started/introduction/
Sesión 23: Aplicación media queries
4 de Junio 2022. La clase continúa con el desarrollo del código para los breakpoints. Se trabaja con todos los elementos del sitio para la resolución de 400px de ancho. Las media queries actúan como contenedor de las reglas y selectores a
Sesión 22: Breakpoints / lenguajes / metodologías agiles.
3 de Junio 2022. Una herramienta que se hace muy necesaria para nuestro curso es manipular correctamente el inspector de elementos, es muy útil para desarrollar el diseño responsive. Para los brakpoints es necesario conocer las medidas estándar. Se debe
Sesión 21: CSS Media Queries
La clase inicia con una introducción a las plataformas web mas utilizadas, entre ellas la que mas destaca es WordPress con su complemento Elementor. Plataformas de estudios Moodle Es una herramienta de gestión de aprendizajes o más concretamente de Learning Content Management (LCMS),
Sesión 20: Landing page / Edición
Miércoles 1 de Junio 2022 continuamos con nuestro trabajo de código en html y Css. La landing page avanza con nuevos recursos desarrollados en clases. Ya hay un mayor control del html y css con sus clasificaciones de ID y
