Computación Básica 2: Habilidades Digitales Material gratuito · Prof. Mario Santamaría y José Mario Santamaría

¿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 11

Integra y publica: tu sitio con URL real

Al terminar vas a poder:Integrar estructura semántica, CSS e imágenes accesibles en un sitio personal/de divulgación coherente, con un dato personal verificable, y publicarlo con URL real (Netlify Drop / GitHub Pages) o entrega local si no hay red.

Bloque 1 de 4

De prácticas sueltas a UN producto

Bloque 2 de 4

Ensamble: que tus páginas se sientan UN sitio

Bloque 3 de 4

Publica: de tu carpeta a una URL real

Bloque 4 de 4

Cierre: checklist, entrega y lo que sigue

Lo que entregas

Sitio de 2-3 páginas integrado (menú idéntico en todas las páginas, una sola hoja estilos.css, imágenes accesibles) con firma personal en el footer (nombre + número de lista dado en clase + fecha de hoy + IA probada), publicado con URL real abierta en la sesión — o demo local completa verificada por el Analista si no hay red — más carpeta y url.txt entregados en Drive.

Cómo se califica

  • Coherencia del sitio (menú idéntico + una sola hoja estilos.css en todas las páginas) 30%
  • publicación con URL funcionando o demo local completa verificada por el Analista 30%
  • firma personal completa en el footer 20%
  • imágenes con alt real y enlaces sin romper 10%
  • entrega en Drive (carpeta del sitio + url.txt, nombre y ubicación correctos) 10%.

Antes de irte: piensa en lo que hiciste

  1. ¿Qué fue más difícil: construir las piezas (clases 1 a 10) o ensamblarlas en un sitio coherente, y por qué?
  2. ¿Qué error encontró tu Analista que tú no habías visto, y qué te dice eso sobre revisar tu propio trabajo?
  3. Transferencia: ¿en qué otra materia entregas «piezas sueltas» que ganarían si las ensamblaras en un solo producto (un informe, un portafolio), y qué paso de hoy le copiarías a ese proceso?

Resultado de aprendizaje

RAP 6.1 — Integra estructura semántica y estilo CSS en un sitio personal/de divulgación coherente y con un dato personal verificable. RAP 6.2 (primera parte) — Publica el sitio con URL real o entrega local verificada; la defensa de la bitácora de IA se completa en la Clase B.

Toca para cambiar cómo se ve la página: