Ejemplo de una Image-- mapa

Ejemplo de Imagen-Mapa

Ejemplo: Quieres crear un documento HTML (test.html) que despliegue una imagen en-línea como un imagen-mapa (test.gif) usando un archivo de mapa llamado "test.map". quieres definir uno región de caja y una región de polígono en el imagen-mapa. El documento HTML llamado "region1.html" se desplegará cuando un usuario pulsa el botón en la región rectangular. Cuando un usuario pulsa el botón en la región del polígono, se desplegará el documento "region2.html". Quieres definir una región por omisión que desplegará un documento HTML (default.html) explicando que cuando un usuario pulsa el botón en una otra área distinta a las dos regiones definidas, el área pulsada está indefinida. Todo archivos residirán en su propio directorio llamado "test" localizado en el directorio raíz del telaraña - servidor (/usr/local/etc/httpd/test).

Primero, crea la imagen de los gráficos. Es una idea buena crear la imagen de los gráficos con la cantidad mínima de colores (256 o menos, 16 si posible) para que los telaraña - clientes funcionando con bajas resoluciones de color puedan desplegar la imagen correctamente. La imagen también debe ser menos que 640 puntos de ancho, porque muchos telaraña

Una vez que tenemos el archivo de gráficos deseado, debemos desplegarlo en un visor de gráficos y determinar las coordenadas x y y de las regiones caja y polígono que queremos definir.

Ahora que tenemos las coordenadas x y y de las regiones caja y polígono, podemos crear nuestro archivo "test.map".

El siguiente es un ejemplo de como debería verse:

default /test/default.html
rect /test/region1.html 10,20 10,40 50,20 50,40
poly /test/region2.html 150,580 260,580 312,531 418,479 150,586

Una entrada debe ser hecha ahora en nuestro archivo de configuración del imagen-mapa del telaraña - servidor (/usr/local/etc/httpd/conf/imagemap.conf). El siguiente es un ejemplo:

test : /usr/local/etc/httpd/test/test.map.