Mapas
Un Mapa es una imagen que permite realizar diferentes Hiperenlaces en funcin00200064e la "zona" de la imagen que se pulse. Las etiquetas para crear mapas son y .
La etiqueta identifica al mapa y tiene el parm0065tro name para indicar el nombre del mapa.
La etiqueta define las areas sensibles de la imagen. Tiene los siguientes parm0065tros obligatorios:
shape="tipo" Indica el tipo de area a definir.
coords = "coordenadas" Indica las coordenadas de la figura indicada con shape.
href = "URL" Indica la direccin00200061 la que se accede si se pulsa en la zona delimitada por el area indicada.
Los tipos de area pueden ser los siguientes:
rect rea rectangular. Se deben especificar las coordenadas de la esquina superior izquierda y las de la esquina inferior derecha.
poly Polg006fno. Se deben especificar las coordenadas de todos los vr0074ices del polg006fno. El navegador se encarga de "cerrar" la figura.
circle Cr0063ulo. Se debe especificar en primer lugar las coordenadas del centro del cr0063ulo y a continuacin00200065l valor del radio (en puntos).
Si dos r0065as se superponen, se ejecutar 006ca que se encuentre en primer lugar en la definicin00200064el mapa. Es importante definir una l00740069006da r0065a que abarque la totalidad del grf0069co para direccionar a una URL "por defecto", con el objeto de contemplar el caso de que no se pulse sobre un area definida.
Veamos un ejemplo completo.
Para activar el mapa debemos indicar la imagen a mostrar, indicando que dicha imagen es tratada por un mapa. Para ello escribira006dos la siguiente etiqueta:
Como podemos observar, el proceso mas laborioso es el de determinar las coordenadas. Existen programas como MAPTHIS que permiten realizar este proceso de una manera sencilla, simplemente definiendo las zonas con el raton. El programa MAPTHIS permite abrir una imagen tipo .GIF y marcar las zonas sensibles. Este programa creara un fichero con extension .map que contendra en su interior las coordenadas de cada area. Con esta informacin0020006eos sera mucho mas facil escribir nuestro mapa. |