Guía práctica de HTML

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.


Para crear los puntos sensitivos del mapa de abajo, llamado "colombia.gif", se incluyeron las siguientes etiquetas:

<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>>
<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>


[Mapa Sensitivo de Colombia con vínculos a InterRed]

Esta Guía fué preparada por Carlos Crismatt Mouthon E-mail: crismatt@hotmail.com