mapas

Los mapas sensibles son imágenes que presentan múltiples enlaces según la zona donde se sitúe el cursor. Para conseguir esto se divide la imagen en zonas mediante las coordenadas de las mismas.

Procedimiento
  1. Primero conseguimos una imagen y la declaramos como mapa, en este caso con el nombre de directorio SRC="gifs/mapa.gif USEMAP="#directorio">
  2. Abrimos el mapa recién creado <MAP NAME="directorio">
  3. Definimos las zonas del mapa y los enlaces que le asignamos a cada una. <AREA SHAPE="forma de la zona" COORDS="coordenadas" HREF="URL asignada" ALT="comentario">
  4. Cerramos el mapa </MAP>
Valores de SHAPE y COORDS Los valores que pueden tomar la forma y las coordenadas son:
  • RECT. Rectángulo o cuadrado
    • COORDS="x,y,u,v" donde x,y son las coordenadas del vértice superior izquierdo del rectángulo y u,v es el vértice inferior derecho. El origen de coordenadas 0,0 es el vértice superior izquierdo
  • CIRCLE. Círculo
    • COORDS="x,y,z", donde x,y es el cetro de la circunferencia y z el radio
  • POLY. Línea poligonal cerrada
    • COORDS="X,x, Y,y, Z,z...,X,x", donde los pares X,x, Y,y, etc representan los vértices del polígono. El primero coincidirá con el último.
  • DEFAULT. La zona no referenciada anteriormente


    • HOLA