2025
Programa
Curso de Diseño Web (Nivel Inicial)
Objetivo general
Capacitar al estudiante para diseñar, estructurar y publicar sitios web funcionales, estéticos y
adaptables, utilizando tecnologías y herramientas modernas de desarrollo front-end.
Estructura del curso
Duración sugerida: 8 a 12 semanas
Modalidad: Teórico-práctica con proyecto final
Módulo 1: Introducción al Diseño Web
Duración: 1 semana
Contenidos:
• ¿Qué es el diseño web? Diferencia entre diseño y desarrollo.
• Navegadores, hosting y dominios.
• Principios básicos de diseño visual.
• Tipos de sitios web: estáticos vs. dinámicos.
Módulo 2: HTML – Estructura del sitio
Duración: 2 semanas
Contenidos:
• Estructura básica de un documento HTML5.
• Etiquetas semánticas (<header>, <section>, <article>, <footer>).
• Enlaces, imágenes, listas y tablas.
• Formularios básicos: campos, botones y atributos.
Práctica: Crear una página web simple con contenido estructurado.
Ing. Alexis Romina Grima
2025
Módulo 3: CSS – Estilos y diseño visual
Duración: 2 semanas
Contenidos:
• Introducción a CSS: selectores, propiedades y valores.
• Colores, tipografías, márgenes, bordes y padding.
• Modelo de caja (Box model).
• Posicionamiento y layout: flexbox, grid.
• Transiciones básicas y pseudo-clases.
Práctica: Aplicar estilos a una página HTML y crear un diseño atractivo y responsive básico.
Módulo 4: Diseño Web Responsivo
Duración: 1 semana
Contenidos:
• ¿Qué es el responsive design?
• Media queries y diseño adaptativo.
• Buenas prácticas para móviles.
• Introducción a Bootstrap (opcional).
Práctica: Adaptar un sitio web para visualizarse correctamente en celulares y tablets.
Módulo 5: Introducción a JavaScript (Opcional)
Duración: 1 semana
Contenidos:
• ¿Qué es JavaScript? Rol en el diseño web.
• Sintaxis básica: variables, funciones y eventos.
• Manipulación del DOM.
• Interacción con formularios.
Práctica: Validar un formulario o crear una función interactiva simple.
Ing. Alexis Romina Grima
2025
Módulo 6: Proyecto Final
Duración: 2 semanas
Objetivo: Diseñar y construir un sitio web completo aplicando todos los conocimientos del
curso.
Ejemplos:
• Página personal o portafolio.
• Sitio para un negocio local.
• Página de presentación de un producto o evento.
Metodología
• Clases con ejemplos en vivo y ejercicios prácticos.
• Actividades semanales con retroalimentación.
• Evaluaciones breves por módulo.
• Proyecto final integrador.
• Herramientas recomendadas: VS Code, Figma, GitHub Pages, Google Fonts.
Perfil del egresado
Al finalizar el curso, el estudiante será capaz de:
• Crear y publicar sitios web estáticos completos.
• Aplicar principios de diseño visual y usabilidad.
• Diseñar sitios adaptables a distintos dispositivos.
• Utilizar herramientas básicas de desarrollo y edición web.
Ing. Alexis Romina Grima