¿Se te dificulta leer? Hasta el final de la página puedes cambiar cómo se ve: Lectura fácil pone fondo blanco, letra negra, tipografía Verdana y más aire entre renglones. También hay modo noche.

HTML y CSSClase 10

Primero yo, luego la IA: leer el diff y decidir

Al terminar vas a poder:Usar la IA como tutor para mejorar y depurar el CSS propio (degradado en el título, menú en fila con un flex simple), leyendo el diff regla por regla y aceptando solo lo que el alumno pueda explicar. Modo híbrido obligatorio.

Bloque 1 de 4

El aire también se diseña: el modelo de caja

Bloque 2 de 4

Tu base a mano: centrar la página y darle aire

Bloque 3 de 4

Truco de IA — Modo híbrido: tu base + una mejora que tú juzgas

Bloque 4 de 4

Tu toque final sin IA, checklist y entrega

Lo que entregas

Sitio estilizado funcionando en el navegador al cierre de la sesión: página centrada con aire (modelo de caja hecho a mano), menú en una fila, degradado en el título (o alternativa razonada) y un toque personal final sin IA — más la bitácora del ciclo híbrido (qué pedí / qué propuso / qué acepté / qué rechacé y por qué), con cada regla aceptada explicada con palabras propias.

Cómo se califica

Base CSS propia previa al truco (centrado + aire, escrita a mano) 20%
mejora de la IA aplicada regla por regla y funcionando en el navegador (menú en fila + degradado o alternativa razonada) 30%
bitácora completa del ciclo híbrido con cada regla aceptada explicada con palabras propias y al menos un rechazo o corrección razonada 30%
toque personal final sin IA (sombra o transición) funcionando 10%
entrega con nombre y carpeta correctos en Drive 10%.

Antes de irte: piensa en lo que hiciste

De las reglas que propuso la IA, ¿cuál rechazaste o corregiste, y qué señal te dijo que no debías aceptarla tal cual?
¿Qué te sirvió más: que la IA escribiera la regla o que te la explicara? ¿Por qué?
El margin y el padding "no se ven" como un color, y aun así cambiaron tu página: ¿qué cambiaron exactamente? Transferencia: ¿en qué otra materia te sirve el método «primero mi versión, luego pido mejora, y solo acepto lo que puedo explicar»? Piensa en un ensayo de otra clase o en un procedimiento de laboratorio.

Resultado de aprendizaje

RAP 5.2 — Usa la IA como tutor para mejorar y depurar su CSS, leyendo el diff y decidiendo qué acepta con criterio propio. (Consolida el RAP 5.1 —reglas CSS de color, tipografía y caja— trabajado en la Clase A.)