Mi Primera Página Web
Curso práctico orientado a personas sin conocimientos previos, donde aprenderás a diseñar y estructurar tu primera página web aplicando buenas prácticas de diseño y experiencia de usuario.
Módulo 1 - Etapa de preparación para el diseño web
- • Etapa de preparación para el diseño web
- • Definir objetivos del sitio web.
- • Etapa de preparación para empezar a elaborar nuestro sitio web.
- • Elegir herramientas y tecnologías adecuadas.
- • Introducción a HTML y CSS.
Módulo 2 - Maquetación con Grid
- • Maquetación con Grid
- • Introducción a CSS Grid Layout.
- • Diseño de la estructura base de la página.
- • Creación de un contenedor y áreas específicas.
- • Organización de elementos en filas y columnas.
- • Adaptación del diseño a pantallas de diferentes tamaños.
Módulo 3 - Menús responsivos y avanzados
- • Menús responsivos y avanzados
- • Creación de un menú básico con HTML y CSS.
- • Implementación de menús responsivos con media queries.
- • Diseño de un menú desplegable.
- • Configuración de enlaces para resoluciones amplias.
- • Buenas prácticas para accesibilidad en menús.
Módulo 4 - Section Hero
- • Section Hero
- • Diseño de una sección de bienvenida llamativa.
- • Uso de tipografías y colores impactantes.
- • Incorporación de imágenes y videos.
- • Optimización para diferentes dispositivos.
- • Uso de animaciones básicas para el Hero.
Módulo 5 - Galería de imágenes
- • Galería de imágenes
- • Creación de una sección de galería interactiva.
- • Uso de CSS para estilos avanzados.
- • Implementación de un diseño responsivo.
- • Optimización de imágenes para la web.
- • Uso de efectos como hover o lightbox.
Módulo 6 - Footer
- • Footer
- • Diseño de un pie de página funcional.
- • Incorporación de enlaces a redes sociales.
- • Uso de íconos y gráficos en el footer.
- • Buenas prácticas para enlaces de contacto.
- • Diseño adaptativo para el footer.
Módulo 7 - WhatsApp flotante
- • WhatsApp flotante
- • Configuración de un botón flotante.
- • Integración de un enlace a WhatsApp.
- • Optimización para dispositivos móviles.
- • Personalización de estilos del botón.
- • Buenas prácticas para maximizar la usabilidad.