Explorador Web: Campamento en Línea de HTML y CSS de 2 Semanas para Adolescentes

Descripción del Curso: Explorador Web: Campamento en Línea de HTML y CSS de 2 Semanas para Adolescentes

Fundamentos del Diseño Web en Línea — HTML y CSS (Módulo 1, 2 Semanas)

Construye tu primer sitio web listo para portafolios desde cero. En dos semanas, los aprendices diseñan y codifican páginas reales utilizando HTML para la estructura y CSS para el estilo, guiados en vivo por un mentor para que cada sesión sea práctica.

⭐ Hechos Clave

• Formato En línea en vivo (liderado por mentor)

• Duración 2 semanas

• Enfoque Estructura HTML, estilo CSS, fundamentos responsivos, diseños y modelo de caja, interactividad simple, flujo de trabajo de proyecto

• Proyectos Mini proyectos semanales + sitio web de portafolio al final del módulo

• Resultados Certificado, retroalimentación personalizada del mentor, calificación con estrellas, elegibilidad para el Nivel 2 – Creador de Desarrollador Web

Lo que Aprenderás

• Fundamentos de HTML: encabezados, párrafos, enlaces, imágenes, listas; navegación multipágina

• Fundamentos de CSS: color, fuentes, espaciado, fondos, bordes

• Fundamentos Responsivos: técnicas simples para adaptar a diferentes tamaños de pantalla

• Modelo de Caja y Diseños: padding, margen, bordes, posicionamiento

• Elementos Interactivos: botones, efectos hover, formularios simples

• Flujo de Trabajo: planificar → construir → desplegar un sitio estático

Semana a Semana (solo una guía)

Semana 1 — Construyendo Tu Primera Página Web

Aprende la estructura y etiquetas HTML • Agrega texto, listas, enlaces, imágenes • Crea una simple página web personal

Mini proyectos:

1. Mi Página de Portafolio — preséntate

2. Galería de Fotos — cuadrícula de imágenes con HTML semántico

3. Enlaza Tus Páginas — sitio multipágina con navegación

Soporte del mentor: codificación en vivo, estructura de mejores prácticas, retroalimentación personalizada.

Semana 2 — Estilo y Diseño con CSS

Fundamentos de CSS • Modelo de caja y posicionamiento • Efectos hover e interactividad básica

Mini proyectos:

1. Portafolio Estilizado — mejorar tipografía, color, espaciado

2. Galería Interactiva — efectos hover y transiciones

3. Página de Formulario de Contacto — formulario accesible con estilo básico

Soporte del mentor: depuración de CSS, consejos de diseño, incentivando la experimentación creativa.

Exhibición

Presenta un sitio de portafolio completo, multipágina (estructura, estilo, interactividad). Las familias pueden ver el sitio en vivo y escuchar las elecciones del diseñador.

Certificación y Progresión

• Certificado de Finalización: Explorador Web (HTML y CSS)

• Informe de Retroalimentación Personalizada del Mentor

• Calificación con estrellas y elegibilidad para Nivel 2 — Creador de Desarrollador Web

Promesa de Mentoría

• Guía 1:1 en cada mini-proyecto

• Revisiones diarias y revisiones de desafíos

• Tareas prácticas que fomentan la confianza y la creatividad en la web

Notas Prácticas (información a confirmar al inscribirse)

Plataforma y enlace de acceso • Horarios de sesiones en vivo y zona horaria • Tamaño de clase y normas de participación • Requisitos tecnológicos (portátil, navegador, ancho de banda) • Accesibilidad (subtítulos/grabaciones) • Salvaguardia, código de conducta y política de reembolso/cancelación