Saltar al contenido

Lección 4 de 12 · Lectura y práctica

Quiz del módulo 1

Tipo de lección: QuizEvaluación del móduloResponde estas preguntas para comprobar que puedes aplicar los criterios principales del módulo.

Del concepto a la práctica

Taller de esta lección

Este quiz comprueba decisiones de estructura, jerarquía y rutas en un caso pequeño. Supón que index.html está dentro de sitio/ y detalle.html dentro de sitio/actividades/; una imagen está en sitio/recursos/mapa.png. La respuesta debe justificar el camino desde cada archivo.

Ejemplo resuelto

Desde actividades/detalle.html, la imagen se referencia como ../recursos/mapa.png: primero se sale de actividades y luego se entra en recursos.

  1. Identifica el archivo que contiene el enlace o recurso.

  2. Cuenta cuántas carpetas debes subir.

  3. Añade las carpetas de destino en el orden correcto.

  4. Comprueba la jerarquía: un h1, secciones con h2 y contenido adecuado.

Error frecuente y corrección

Responder con una ruta basada en index.html aunque el recurso esté escrito en detalle.html produce un destino incorrecto. Recalcula siempre desde el archivo emisor.

Pruébalo

Responde: ¿qué ruta usa index.html para llegar a actividades/detalle.html? ¿Qué elemento usarías para tres horarios equivalentes? ¿Qué debe contener la alternativa textual del mapa?

Comprueba tu resultado

Las respuestas esperadas son actividades/detalle.html, una lista y una descripción funcional del mapa. La ruta de la imagen desde detalle.html debe ser ../recursos/mapa.png; esa es la ruta relativa directa para la estructura dada; otras rutas equivalentes podrían resolver al mismo destino.

Si el mapa comunica un recorrido necesario para llegar, añade también instrucciones textuales junto a él: un título breve en alt no transmite por sí solo todos los pasos o puntos de referencia.

Cuatro comprobaciones de accesibilidad: imagen con texto alternativo, foco de teclado, formulario etiquetado y estructura HTML semántica.
CursaloMapa de práctica
Accesibilidad: cuatro comprobaciones

El texto alternativo comunica el propósito de una imagen. La navegación por teclado necesita un foco visible; los campos necesitan etiquetas y la página una estructura semántica. Estas comprobaciones ayudan a detectar barreras y no sustituyen una auditoría completa.

Ver la infografía en tamaño completo ↗
Fuentes para profundizar

Tipo de lección: Quiz

Evaluación del módulo

Responde estas preguntas para comprobar que puedes aplicar los criterios principales del módulo.

Sigue con HTML y CSS Moderno

Esta lección forma parte de un curso de Cursalo. Revisa su programa y elige entre la compra individual o el acceso a toda la escuela.

Si ya tenías acceso a este curso, entra con tu cuenta: tus derechos y tu progreso se conservan. No necesitas comprarlo de nuevo.

01 / ELEGIR UNA RUTA

El próximo paso

Aprende IA mientras construyes algo que sí necesitas.

Empieza por el curso inicial o explora el catálogo para encontrar una práctica alineada con tu trabajo.