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 4

Un menú consistente y sin enlaces rotos

Al terminar vas a poder:Construir navegación funcional entre 2-3 páginas con un menú repetido idéntico en todas y verificar que no haya rutas rotas (mayúsculas/extensión exactas).

Bloque 1 de 4

Por qué se rompen los enlaces

Bloque 2 de 4

Un solo menú, repetido idéntico en todas tus páginas

Bloque 3 de 4

El truco de IA de la semana: la IA no vio tu foto

Bloque 4 de 4

Cacería final: roles, checklist y entrega en Drive

Lo que entregas

Mini-sitio de 2-3 páginas recorrido completo EN CLASE sin un solo enlace roto: menú idéntico en todas las páginas, todos los clics de ida y vuelta funcionan, al menos una imagen con alt corregido contra la foto real, carpeta img/ correcta, todo entregado en Drive junto con la entrada de bitácora del truco de IA de la semana.

Cómo se califica

  • Menú idéntico presente en todas las páginas 30%
  • todos los enlaces internos funcionan en la cacería (cero rotos) 30%
  • alt verificado y corregido con criterio propio (no el de la IA tal cual) 15%
  • bitácora de IA completa (qué pedí / qué propuso / qué acepté / qué rechacé y por qué) 15%
  • entrega en Drive con carpeta y nombres correctos, en minúsculas y sin espacios 10%.

Antes de irte: piensa en lo que hiciste

  1. ¿Por qué Pagina2.html y pagina2.html pueden ser el mismo archivo en tu computadora pero dos distintos en la web, y cuál de los 4 sospechosos te tocó a ti hoy?
  2. ¿Qué error encontró el Analista que el Operador no había visto, y por qué crees que el que teclea no lo ve?
  3. ¿Qué le corregiste al alt que propuso la IA y qué te dice eso sobre confiar en textos generados sin ver la evidencia? Transferencia: ¿en qué otra materia te conviene nombrar tus archivos con una convención estricta (minúsculas, sin espacios) para que nada 'se pierda' — por ejemplo al entregar trabajos o compartir carpetas?

Resultado de aprendizaje

RAP 2.2 — Construye navegación funcional entre páginas mediante enlaces internos y estructura consistente. (Consolida el RAP 2.1 de la Clase A: imágenes con accesibilidad mínima.)

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