Fundamentos de Desarrollo Web
Resumen del Curso
Este curso de 1 hora introduce a estudiantes de secundaria a la creación de sitios web sencillos con HTML y CSS.
¡No requiere descargas! Solo abre tu navegador web.
- Duración total: ~60 minutos
- Público objetivo: Estudiantes de 12 a 17 años sin experiencia en programación
- Prerrequisitos: Ninguno
- Herramientas necesarias: ¡Solo tu navegador web! (Chrome, Firefox, Safari, Edge)
📂 Repositorio de Código Fuente: link
Secuencia de la Lección
Lección 1: ¿Qué es el desarrollo web? (5 minutos)
- Descripción: Aprende qué es un sitio web y por qué HTML y CSS son los lenguajes básicos de la web.
- Enlace: Ver la lección
- Conclusiones clave: Los sitios web combinan HTML (estructura) y CSS (diseño).
- Empieza a programar: Abrir CodePen
Lección 2: Introducción a HTML (10 minutos)
- Descripción: Aprende las etiquetas básicas de HTML y crea tu primera página web.
- Enlace: Ver la lección
- Conclusiones clave: Usa
<html>, <head>, <body>, <h1>, <p>.
- Práctica: Haz clic para practicar 👈 ¡No necesitas registrarte!
Lección 3: Elementos comunes de HTML (8 minutos)
- Descripción: Agrega imágenes, listas y enlaces para enriquecer tu página.
- Enlace: Ver la lección
- Conclusiones clave: Usa
<img>, <a>, <ul>, <li>.
- Práctica: Haz clic para practicar 👈 ¡Comienza al instante!
Lección 4: Introducción a CSS (12 minutos)
- Descripción: Da estilo a tu HTML con colores, fuentes y bordes.
- Enlace: Ver la lección
- Conclusiones clave: Usa selectores, propiedades (
color, font-family, background-color).
- Práctica: Haz clic para practicar 👈 ¡Edita y visualiza al instante!
Lección 5: Crea tu primera página web (15 minutos)
- Descripción: Combina HTML y CSS para construir una página de perfil personal.
- Enlace: Ver la lección
- Conclusiones clave: Organiza tu código y aplica estilos coherentes.
- Proyecto final: Haz clic para comenzar tu proyecto 👈 ¡Guarda y comparte!
Lección 6: Consejos y próximos pasos (10 minutos)
- Descripción: Mejores prácticas, errores comunes y cómo seguir aprendiendo.
- Enlace: Ver la lección
- Conclusiones clave: Valida tu código con herramientas como W3C Validator y explora la documentación de MDN Web Docs.
- Comparte tu trabajo: Haz clic para subir tu proyecto
Recursos adicionales
¡Gracias por completar el curso!
👥 Elaboración
Universidad Peruana de Ciencias Aplicadas
Carrera de Ingeniería de Software
Período académico: 202520
Curso: 1ASI0730 Aplicaciones Web
NRC: 7470
Nombre del equipo: Energix Manager
Líder del equipo: Goñe Araccata, Esther Abigail
Integrantes del equipo:
- Cotrina Siclla, Sofia Alessandra
- Barba Estrada, Bryan Eduardo
- Encalada Salazar, Alexis
- Goñe Aracata, Esther Abigail
- Salazar Caballero, Alvaro Fabrizzio
Fecha de entrega: 14/11/2025