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
- 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
- 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!
- 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!
- 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!
- 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!
- 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
- Código fuente completo: Repositorio de GitHub
- Todas las actividades prácticas:
| Nº | Actividad | Empezar a programar |
|---|---|---|
| 2 | Primera página HTML | CodePen |
| 3 | Imágenes y enlaces | CodePen |
| 4 | Aplicar estilos CSS | CodePen |
| 5 | Página personal | CodePen |
- Cuestionario: Pon a prueba tus conocimientos
- Compartir: #WebDevBeginners
¡Gracias por completar el curso!
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