Definición de mapas sensibles
El fichero del mapa
El programa de mapas sensibles
El código HTML de un mapa sensible
Mapas sensibles a partir de HTML 3.0

Definición de mapas sensibles

Para definir un mapa sensible le hacen falta básicamente 3 ingredientes:

• 1 gráfico en formato GIF
  
• 1 fichero del mapa (Map file)
  
• 1 programa de mapas sensibles (Imagemap programm)
  

El fichero del mapa

Un fichero de mapas contiene las coordenadas de su imágen sensible y de los URLs relacionados con la misma. Para generar un fichero de mapas, abra la imagen con un programa como, por ejemplo, Mapedit y haga un recorrido por la imagen con su ratón para ir definiendo las diferentes regiones del mismo. Con esta acción se van fijando automáticamente en el fichero las coordenadas, por lo que podrá ir definiendo para cada región las URLs de enlace respectivas. Se pueden definir nombres de paths relativos ( /Nombrecarpeta/*.htm ) siempre que todas las páginas a que hagan relación se encuentren dentro del mismo dominio. Si esto no fuera así, tendrá que indicar el nombre completo del path (http://www.123web.com.ar/Nombrecarpeta/*.htm).

Tenga en cuenta que los ficheros de mapas sensibles pueden tener diferentes formatos dependiendo del programa de mapas sensibles que soporte su servidor. El programa de mapas sensibles "htimage" que le ofrece 123web.com.ar se basa en CERN, por lo que tendrá que grabar con formato CERN los ficheros que vaya a generar.

A continuación grabe los ficehros generados con el sufijo .map en el mismo subdirectorio de su dominioo en el que se encuentre su fichero de gráficos ( *.gif ). Para evitar cualquier error de tipo Mapping Server Error, quite todos los símbolos de retorno "Carriage return" (^M) de su fichero de mapa (sólo en caso de que no lo haya hecho ya automáticamente el programa).

La zona del mapa que no tenga definido un link en especial se llama "default region". Si lo que quiere es que cuando un usuario que marque esta zona "default region" vaya a una página en especial (por ej., faq.htm), todo lo que tendrá que hacer es añadirle una línea a su fichero de mapas parecida a la que le mostramos a continuación:

default /nombrecarpeta/faq.htm
default http://www.nosudominio.com/nombrecarpeta/faq.htm

Ejemplo de un fichero de mapas sensibles:

default http://www.123web.com.ar/web/help.html
rect (12,12) (53,64) http://www.123web.com.ar/web/faq.html
rect (106,17) (530,116) http://www.123web.com.ar/index.htm
rect (2,70) (91,133) mailto:info@123web.com.ar

IMPORTANTE: ¡No olvide incluir siempre el path de cada fichero!

Podrá crear ficheros de mapas sensibles con programas como Mapedit. Encontrará versiones de este programa para UNIX y para Windows en las direcciones:
http://www.boutell.com/mapedit/
Si es usuario de Mac, puede utilizar WebMap:
http://www.city.net

El programa IMAGEMAP

Un programa de mapas sensibles es un programa cgi que genera las imágenes y realiza los links definidos. En definitiva, lo que hacen estos programas es leer los ficheros de mapas y comparar las coordinadas de los pixels sobre los se ha pulsado que le envía el navegador con las definidas en el fichero. Si estas coordenadas coinciden con una zona definida como sensible en el fichero, interpreta la URL con la que está relacionada, enviando esta información al navegador para que ejecute el link.

Por motivos de comodidad le aconsejamos que use el programa de mapas sensibles llamado "htimage" de CERN, que podrá encontrar en la carpeta cgi-bin del servidor de 123web.com.ar. Naturalmente podrá Ud. optar por escribir un script Ud. mismo y grabarlo luego en la carpeta cgi-bin de su propio dominio (no olvide hacer la transferencia en modo ASCII).

Más información sobre el programa "htimage" de CERN podrá hallarla en:
http://www.w3.org/hypertext/WWW/Daemon/User/CGI/HTImageDoc.html

El código HTML de un mapa sensible

La expresión ISMAP es la que le indica al navegador que determinada zona se trata de un mapa sensible:

	<IMG SRC="/carpeta/image.gif" ISMAP>

Esta zona o gráfico cuenta con una indicación que lo refiere al programa de mapas sensibles y que proporciona el path del fichero de mapas. Esta URL es por tanto una combinación de dos tipos de información diferentes.
Pongamos que ha colocado su fichero de gráficos y su fichero de mapas en un subdirectorio de su dominio que ha creado Ud. mismo y que ha denominado como "graficos" www.sudominio.com/graficos:

	<A HREF="/cgi-bin/htimage/graficos/image.map">

	<IMG SRC="/graficos/image.gif" ISMAP></A>

La primera parte de la URL /cgi-bin/htimage indica que el programa de mapas sensibles llamado "htimage" se encuentra en la carpeta cgi-bin del servidor. Esta parte de la URL no debe Ud. modificarla a no ser que vaya a utilizar otro tipo de CGI-Script.
La segunda parte /graficos/image.map indica que el fichero de mapas llamado "image.map" se encuentra en un subdirectorio de su dominio llamado "graficos". Esta parte es variable y deberá adaptarla en cuanto al nombre real del fichero y del subdirectorio.

Mapas sensibles a partir de HTML 3.0

HTML 3.0 permite generar mapas sensibles en modo "offline", siempre que el navegador que esté utilizando pueda interpretar los comandos HTML correspondientes. Más información sobre estos aspectos podrá consultarla en:

http://www.ihip.com/

Diseño de Sitios Web. Hosting de paginas web. Registro de dominios. Comercio Electronico, portales, e-comerce, e-commerce, alojamiento de sitios web en plataformas Unix y Windows, casillas pop e-mails. forward email, webmail, webmasters, diseñadores, cobro con tarjetas de credito, buscadores, yahoo, google, altavista, msn, yuppi, yupi, terra.