Objetivo General
Desarrollar habilidades para crear y mantener sitios web dinámicos y atractivos, utilizando las mejores prácticas y herramientas disponibles.
Descargar Ficha PDF CotizarObjetivos Específicos
Comprender los principios fundamentales del diseño web.Aprender a utilizar herramientas de diseño gráfico para la web.
Desarrollar habilidades en HTML, CSS y JavaScript para crear páginas web interactivas.
Implementar sitios web responsivos que funcionen en múltiples dispositivos.
Módulo 1: Introducción al Diseño Web
Aprendizaje esperado: Conocer los fundamentos del diseño web.Historia del diseño web: Evolución del diseño web a lo largo de los años.
Principios de diseño: Elementos básicos del diseño visual en la web.
Herramientas de diseño: Softwares y aplicaciones más utilizados para diseño web.
Tipos de sitios web: Diferencias entre sitios estáticos y dinámicos.
Actividad práctica: Estudio de caso sobre la evolución del diseño de un sitio web.
Módulo 2: HTML y CSS
Aprendizaje esperado: Dominar el uso de HTML y CSS para estructurar y estilizar páginas web.Introducción al HTML: Estructura básica y etiquetado.
CSS para diseño: Aplicación de estilos y diseño responsivo.
Selectores y propiedades CSS: Uso adecuado de selectores y propiedades.
Box model: Comprender el modelo de caja y su aplicación.
Actividad práctica: Creación de una página web básica utilizando HTML y CSS.
Módulo 3: JavaScript Básico
Aprendizaje esperado: Integrar JavaScript para mejorar la interactividad de las páginas web.Sintaxis básica de JavaScript: Variables, funciones y bucles.
Manipulación del DOM: Cambios dinámicos en el contenido web.
Eventos en JavaScript: Captura y manejo de eventos del usuario.
Validación de formularios: Implementación de validaciones básicas.
Actividad práctica: Simulación de interactividad en una página web.
Módulo 4: Diseño Responsivo
Aprendizaje esperado: Crear páginas web que se adapten a diferentes dispositivos y tamaños de pantalla.Media queries: Uso de media queries para diseño responsivo.
Diseño móvil primero: Enfoque y beneficios del diseño móvil primero.
Frameworks CSS: Uso de frameworks como Bootstrap para diseño responsivo.
Testeo en dispositivos: Pruebas en múltiples dispositivos y navegadores.
Actividad práctica: Juego de rol sobre diseño responsivo aplicando media queries.
Módulo 5: Usabilidad y Accesibilidad
Aprendizaje esperado: Mejorar la experiencia del usuario a través de la usabilidad y accesibilidad web.Principios de usabilidad: Mejores prácticas para mejorar la experiencia del usuario.
Accesibilidad web: Normativas y estándares de accesibilidad.
Evaluación heurística: Método para evaluar la usabilidad de un sitio.
Herramientas de accesibilidad: Uso de herramientas para asegurar accesibilidad.
Actividad práctica: Simulación de evaluación de accesibilidad en un sitio web.
Módulo 6: SEO y Analítica Web
Aprendizaje esperado: Optimizar sitios web para motores de búsqueda y analizar su rendimiento.Fundamentos de SEO: Técnicas para mejorar la visibilidad en buscadores.
Palabras clave: Selección e integración de palabras clave efectivas.
Herramientas de analítica: Uso de herramientas como Google Analytics.
Métricas web: Interpretación de métricas y KPIs.
Actividad práctica: Estudio de caso sobre optimización SEO y análisis de tráfico web.
Módulo 7: Proyecto Final
Aprendizaje esperado: Aplicar todo lo aprendido para desarrollar un proyecto web completo.Planificación del proyecto: Establecimiento de objetivos y alcance.
Desarrollo del sitio web: Implementación de diseño, interactividad y contenidos.
Pruebas y ajustes: Realización de pruebas y ajustes finales.
Presentación del proyecto: Entrega y presentación del proyecto final.
Actividad práctica: Desarrollo y presentación de un sitio web completo.