WEB-101 // UNIDAD TEMÁTICA

REV 2.6 UNIT / WEB-101 ● ONLINE

MICROPLANIFICACIÓN UNIT / WEB-101 REV 2.6 DURACIÓN / 60 MIN

PLAN DE
SESIÓN

PROCEDIMIENTO DE EJECUCIÓN · 6 FASES · 17 TAREAS

[ OBJETIVO OPERATIVO ] OBJ-01

Diseñar e implementar páginas web utilizando HTML y CSS, comprendiendo la separación entre estructura (contenido) y presentación (estilo), y aplicando buenas prácticas de marcado semántico.

[ MATERIALES ] 5 ÍTEMS

01 Equipos con acceso a internet
02 Editor de código (VS Code recomendado)
03 Navegador con DevTools
04 Proyector / pantalla compartida
05 Repositorio de ejemplos

[ PROGRESO GLOBAL ] TELEMETRÍA · LIVE

00%

COMPLETADO 0 / 17 TAREAS COMPLETADAS

/// 17 SEGMENTOS ESTADO EN ESPERA

FASES DE
EJECUCIÓN

6 FASES · SECUENCIAL >>>

F-01 Introducción

10 MIN INTRO

> Contextualizar la programación web y su rol en la industria del software actual.

Presentar el tema y su importancia en el desarrollo profesional.
Analizar ejemplos de sitios reales e inspeccionar su DOM con DevTools.
Sondeo inicial: experiencia previa y expectativas del grupo.

+ 3 TAREAS · F-01 0/3

F-02 Desarrollo · HTML

15 MIN CORE

> Estructura del documento, etiquetas, elementos y atributos. Marcado semántico.

Introducir HTML: etiquetas, elementos y atributos.
Explicar la estructura base (html › head › body) en vivo.
ACTIVIDAD: crear página con título, párrafo e imagen.

+ 3 TAREAS · F-02 0/3

F-03 Desarrollo · CSS

15 MIN CORE

> Función del CSS en la presentación. Selectores, propiedades y modelo de caja.

Introducir CSS y su rol en el diseño visual.
Aplicar color, tipografía y disposición sobre el HTML previo.
ACTIVIDAD: personalizar el diseño con estilos propios.

+ 3 TAREAS · F-03 0/3

F-04 Integración HTML + CSS

10 MIN CORE

> Vinculación de hojas externas, cascada y resolución de dudas.

Explicar cómo se integran HTML y CSS en un proyecto.
Mostrar enlace de archivo .css externo con <link>.
Resolver preguntas y aclarar dudas del grupo.

+ 3 TAREAS · F-04 0/3

F-05 Conclusión

10 MIN CIERRE

> Síntesis de conceptos, socialización de resultados y asignación de tarea.

Resumir los conceptos clave de HTML y CSS.
Socializar las páginas creadas y discutir resultados.
Asignar tarea: página más compleja para la próxima sesión.

+ 3 TAREAS · F-05 0/3

F-06 Extensión (Opcional)

OPC EXTRA

> Profundización autónoma en frameworks de CSS.

Investigar un framework CSS (Bootstrap / Tailwind).
Preparar un informe breve sobre sus ventajas.

+ 2 TAREAS · F-06 0/2

FIN DEL PROCEDIMIENTO UNIT / WEB-101 · REV 2.6 ▌