Cómo hacer un mapa de imagen

Un mapa de imagen es una imagen con áreas se puede hacer clic, que apuntan a una página diferente en su página web u otro sitio web. Usted puede escoger un círculo, rectángulo, polígono o forma predeterminada para el área seleccionable. Usted tendrá que tener las coordenadas del mapa correcto para hacer un mapa de imagen. Encontrar las coordenadas puede ser complicado. Gracias a las herramientas en línea, usted puede generar las coordenadas de su mapa de imagen de forma automática y añadirlos a su lenguaje de marcado de hipertexto (HTML).

Instrucciones

El uso de mapas de imagen Generador

1 Utilizar un generador de mapas en línea de su elección, como en Image-Maps, pescado o móvil Pangloss para generar el código de la imagen de mapa de.

2 Sube la imagen que desea convertir (o añadir la dirección del sitio web donde se encuentra la imagen) al generador. Añadir puntos calientes donde se añadirán los enlaces.

3 Copiar el código generado. A continuación, abra el archivo HTML en el mapa de imagen irá y pega el código en la que aparecerá el mapa.

4 Haga clic en "Archivo" y "Guardar".

El uso de HTML

5 Usar un mapa en línea para generar las coordenadas de su mapa de imagen (ver la sección de Recursos). A continuación, abra el archivo HTML donde se colocará el mapa de imágenes.

6 Copia el siguiente código (derivado de Escuelas W3) y pegarlo donde desea que el mapa de imagen que aparezca:

<Img usemap = "# MapName" />

<Map name = "MapName">
<= área de forma coords "rect" = "0,0,0,0" href = "http://yourwebsite.com/link1.html" alt = "Link 1" />
<Area shape = "círculo" coords = "0,0,0" href = "http://yourwebsite.com/link2.html" alt = "Enlace 2" />
</ Map>

7 Reemplazar "MapName" en el código con el nombre de su mapa de imagen, y actualizar las coordenadas con las coordenadas que usted generó. Cambiar las direcciones de sitios web para los enlaces correctos y la forma del mapa de imagen ( "rect" y "círculo") a la forma correcta.

8 Guarda tu trabajo.