Semana 9

En esta semana se cubre el tema de los mapas de imágenes en HTML. Se proporciona una descripción de los mapas, la etiqueta <map> y su atributo name, la etiqueta <area> y sus atributos, y algunos ejemplos.

Los objetivos que deben cumplirse al final de esta semana son los siguientes:


Presentación. Diapositivas con Mapas de Imágenes.
En esta presentación se proporciona una introducción a los mapas de imágenes en HTML. Se proporciona una descripción de los mapas, la etiqueta <map> y su atributo name, la etiqueta <area> y sus atributos, y algunos ejemplos.

Ejemplos de clase. Mapas de Imágenes.
En estos ejemplos se crean páginas web, para ilustrar el uso de los mapas de imágenes. Estos ejemplos cubren algunas etiquetas HTML, tales como la etiqueta <map> y su atributo name, la etiqueta <area> y sus atributos.
SOLUCIÓN del Ejemplo 1 de clase. Sistema Solar.
Archivo ZIP con los archivos para la solución del ejemplo 1 de clase, el cual incluye los siguientes archivos: mercurio.html, planetas.html, planetasServerMap.html, sol.html, venus.html, mercurio.jpg, planetas.gif, sol.jpg, venus.jpg.
SOLUCIÓN del Ejemplo 1 de clase. Sistema Solar.
En este link se abre una pestaña nueva con la solución del ejemplo 1 de clase.

SOLUCIÓN del Ejemplo 2 de clase. Figuras.
Archivo ZIP con los archivos para la solución del ejemplo 2 de clase, el cual incluye los siguientes archivos: figuras.html, figurasServerSideMap.html, y figuras.jpg.
SOLUCIÓN del Ejemplo 2 de clase. Figuras.
En este link se abre una pestaña nueva con la solución del ejemplo 2 de clase.

Tarea. Mapas de Imágenes.
En esta tarea el estudiante realizará una página web con un mapa de imágenes del continente europeo, que delimite las siguientes áreas: Irlanda, España, Alemania, y Rumania. Deberá utilizar las etiquetas <map> y <area>.