Mapa Sensitivo
Regreso a Guía de HTML
Se utilizan los programas Map Edit y Map This para determinar las coordenadas de cada punto sobre el mapa. También se pueden utilizar programas de edición de imágenes como Corel Photo Paint, que al colocar el puntero del mouse sobre un punto del gráfico señalan las coordenadas en la barra de estado.
En este mapa se han colocado los vínculos de InterRed en las diferentes ciudades de Colombia.
<img usemap="#colombia" src="colombia.gif" alt="[Mapa Sensitivo de Colombia con vínculos a InterRed]" border=0 usemap="#colombia" height=440 width=342 align=center>>
Para crear los puntos sensitivos del mapa de abajo, llamado "colombia.gif", se incluyeron las siguientes etiquetas:
<area shape="rect" coords="76,149,138,168" href="http://medellin.cetcol.net.co">
<area shape="rect" coords="141,199,308,350" href="http://www.uniandes.edu.co/">
<area shape="rect" coords="10,232,120,333" href="http://cali.cetcol.net.co">
<area shape="rect" coords="97,207,137,221" href="http://ibague.cetcol.net.co">
<area shape="rect" coords="60,188,106,201" href="http://pereira.cetcol.net.co">
<area shape="rect" coords="108,181,139,198" href="http://manizales.cetcol.net.co">
<area shape="rect" coords="158,171,254,191" href="http://tunja.cetcol.net.co">
<area shape="rect" coords="162,132,292,164" href="http://b-manga.cetcol.net.co">
<area shape="rect" coords="5,80,156,137" href="http://monteria.cetcol.net.co">
<area shape="rect" coords="64,53,121,77" href="http://cartagena.cetcol.net.co">
<area shape="rect" coords="125,40,136,75" href="http://b-quilla.cetcol.net.co">
<area shape="rect" coords="141,30,223,75" href="http://santamarta.cetcol.net.co">
<area shape="default" nohref>
</map>