Cómo crear una página web para ver la imagen Mapping

Un mapa de imagen es una imagen con puntos calientes (dentro de una página web) que LINKA en otro lugar. Aunque los mapas de imagen no son tan populares hoy como lo eran en el pasado, todavía se las puede utilizar para vincular a un sitio web diferente o página / sección en su sitio web.

Creación de un mapa de imagen no es tan difícil como suena, y usted puede hacerlo también. Sólo tiene que seguir adelante como creamos una juntos.

Instrucciones

1 Familiarizarse con las etiquetas que se utilizan para un mapa de imagen:
<Nombre del mapa>, indicando el nombre de su mapa
<Area shape = "rect">, <area shape = "poli">, <area shape = "círculo"> o <area shape = "default">, que indica la forma del punto de acceso para su imagen ... rectángulo, polígono, círculo o por defecto
coords, indicando las coordenadas de su forma
href, lo que indica la dirección web de su hipervínculo
objetivo (opcional), lo que indica la ventana que su enlace se abrirá en una
título (opcional), lo que indica la punta de la herramienta para su mapa en mouseover
alt (opcional), lo que indica el texto alternativo para la imagen en mouseover
Y la sintaxis del mapa de imagen será:
<Map name = "name_of_your_map">
<Area shape = "la forma del área"

coords="0,0, etc..."
href="http://some-hyperlink.com"
target="targeted window, _self, _blank, ..."
title="some area title or tooltip"
alt="some image text" />

</ Map>

2 Estudiar las coordenadas de la forma seleccionada para su mapa de imagen (según corresponda):
coords rect = "x, y, x1, y1" (que indica las esquinas superiores izquierda e inferior derecha del rectángulo)
coords poli = "x, y, x1, y1, x2, y2, x3, y3, etc." (Indicando esquinas del polígono)
coords círculo = "x, y, r" (que indica el centro y el radio de un círculo)
coords por defecto = "x, y, x1, y1" (que indica las zonas no cubiertas por otras formas)

3 Busque la imagen que desea utilizar para el mapa de imagen o crear una imagen de su propia imagen en su software favorito.

4 Vaya a su Editor de mapas (por ej., La utilidad del mapa en línea QuikMap) y siga las instrucciones para obtener las coordenadas de su mapa de imagen.

5 Abra un editor de texto y desplazarse hacia abajo a la zona en la que desea que aparezca la imagen.

6 Añadir una sintaxis similar a la imagen:
<Img usemap = "# name_of_your_map" />

7 Reemplazar "images / imagen-name.jpg" con su nombre de la imagen y la ubicación.

8 Reemplazar el atributo usemap, "#name_of_your_map" con el nombre real que ha dado su mapa. Asegúrese de incluir el signo # antes del nombre.

9 Pegue toda la sintaxis mapa (del paso 1) en el código HTML.

10 Vuelva a colocar los atributos de las etiquetas de nombre, forma, coordenadas, href, diana, título y alt con los atributos correctos.

11 Utilizar las coordenadas de su editor de mapas y añadirlos a la zona de forma coordina en el código HTML.

12 Prueba, guardar y publicar su trabajo.