Imágenes con propósito: rutas relativas y texto alternativo
Al terminar vas a poder:Aplicar la etiqueta img con src, alt y title y rutas relativas (carpeta img/) con criterios básicos de accesibilidad, escribiendo un alt descriptivo real (no 'imagen1').
Una página sin imágenes es media página
La etiqueta img y el camino hasta tu foto
Tu imagen en tu página (y romperla a propósito)
Checklist, entrega con carpeta completa y cierre
Lo que entregas
El sitio de las clases 1 y 2 (index.html) con al menos una imagen insertada desde la carpeta img/ mediante ruta relativa, con un alt descriptivo escrito por el alumno, visible funcionando en el navegador durante la clase, y subido a Drive conservando la estructura de carpetas (archivo HTML + carpeta img/ juntos).
Cómo se califica
- Imagen visible en el navegador desde carpeta img/ con ruta relativa 30%
- alt descriptivo real (describe la imagen concreta, no 'imagen1' ni 'foto') 30%
- imagen ligera (aprox. 150-400 KB) 15%
- el sitio de las clases 1 y 2 se conserva y sigue abriendo sin errores 15%
- entrega en Drive con la estructura de carpetas completa e intacta 10%.
Antes de irte: piensa en lo que hiciste
- Si borras la carpeta img/ pero no tocas tu HTML, ¿qué ve el visitante y por qué?
- ¿Para quién escribes el alt: para el navegador, para una persona que no ve la imagen, o para ambos? Explica.
- ¿Qué diferencia hay entre 'pegar' una imagen en Word y 'enlazarla' en HTML? Transferencia: ¿en qué otra materia te sirve describir una imagen con palabras precisas (por ejemplo, describir una gráfica en Física o un mapa en Historia)?
Resultado de aprendizaje
RAP 2.1 — Aplica etiquetas y atributos de imagen con criterios básicos de accesibilidad. (RAP 2.2 — navegación consistente entre páginas — se trabaja en la Clase B.)