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 - clientes corren en un ambiente 640 x 480 y ésto podría eliminar despliegue horizontal para ellos. Ambos de estos factores también disminurán tiempo de recuperación del documento según el archivo de imagen disminuya su tamaño.

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

El documento "test.html" que contendrá el imagen-mapa necesita ser creado.

<TITLE>Documento para Probar Imagen-mapa</TITLE>
<H1>Documento para Probar Imagen-mapa</H1><BR>
<HR>
<P>Si su telaraña - mostrador no es capaz para gráficos o está en un eslabón lento y no despliega gráficos, puede seleccionar de los eslabones textuales al fondo de esta página. </P>
<H3>Favor de pulsar el botón en una de las dos regiones desplegadas:</H3><BR>
<HR><BR>
<A HREF="/cgi-bin/imagemap/test">
<IMG SRC="/test/test.gif" ismap></A><BR>
<HR>
<UL>
<LI> <A HREF="region1.html">Region Uno</A><P>
<LI> <A HREF="region2.html">Region Dos</A><P>
</UL>

region1.html y region2.html pueden ser cualquier documento HTML. El documento default.html podría desplegar un mensaje tal como, "Lo Siento, pulsó el botón en una área que no está definida. . . Favor de regresar y pruebe de nuevo."

Es también una idea buena tener eslabones textuales en el documento HTML del imagen-mapa para las selecciones disponibles en el imagen-mapa (usualmente abajo del gráfico en-línea del imagen-mapa y con una explicación arriba explicando que es una opción). Ésta es una opción para telaraña - clientes que no pueden o no despliegan actualmente gráficos (usualmente porque están en un eslabón lento en para la Red Interneacional).

Un ejemplo de mapeando imagen (Foto Aerea, Servidor EMTC).


Esta página es auspiciada por Obtén tu propia Página Hogar Gratis