Cómo hacer un mapa interactivo

February 13

La creación de un diseño web interactiva implica el uso de una gran cantidad de elementos visuales. Cuando ilustra una ubicación en un mapa, por ejemplo, lo mejor es que los usuarios exploren con secciones con enlaces que contienen más información. Hipervinculación textos es un proceso muy sencillo en el desarrollo de sitios - todo lo que necesita hacer es resaltar el texto y utilizar la función de enlace en el editor de HTML para que sea puede hacer clic. Utilización de imágenes, por el contrario, es un poco diferente, especialmente cuando se enlaza sólo ciertas zonas dentro de las imágenes.

Instrucciones

Creación de un mapa interactivo en Dreamweaver

1 Abrir una nueva página.

2 Haga clic en el icono "Imagen" en la ficha "Insertar" y seleccione la imagen que desea utilizar para su mapa.

3 Seleccione la imagen. En el "Propiedades de Inspección", elegir la forma de su herramienta de punto de acceso haciendo clic en él.

4 Mueva la herramienta de punto de acceso a la zona del mapa que desea hacer clic.

5 Escriba el enlace donde se desea que los usuarios entran en el campo de enlace del "Inspector de propiedades."

6 Repita los pasos 3 a 5 para crear zonas adicionales se puede hacer clic.

Creación de un mapa interactivo en Microsoft FrontPage

7 Abrir un nuevo archivo.

8 Haga clic en "Insertar" y luego "Imagen" y seleccione "On File". Seleccione la imagen del mapa desde su ordenador.

9 Hacer que la barra de herramientas Imagen aparece haciendo clic en "Ver" y luego "Barras de herramientas" y seleccionar "Imagen".

10 Seleccione la imagen. Seleccione la forma punto de acceso que desea utilizar en la barra de herramientas Imagen, haga clic en el icono.

11 Cree su enlace activo moviendo la herramienta de punto de acceso a la zona de la imagen que desea hacer clic. En la ventana emergente que aparece, escriba el enlace donde se desea que los visitantes van cuando se hace clic en la zona. Haga clic en "Aceptar".

Creación de un mapa interactivo por HTML

12 Bloc de notas abierta.

13 Escribir el código HTML para visualizar la imagen. Por ejemplo, para mostrar map.jpg en una página, escriba el siguiente código:

</ Map>

Ajuste el borde de la imagen a cero y reemplazar "Moreinfo.htm" a la página que el visitante se dirigirá a después de hacer clic en el enlace. El atributo de forma vuelva a la forma de la zona, y coordenadas serán las coordenadas del área seleccionable.

Consejos y advertencias

herramienta de pintura o cualquier edición de imágenes que puede utilizar para determinar las coordenadas. Usted puede simplemente el cursor sobre las esquinas del área seleccionable. El coordenadas normalmente aparece en la parte inferior de la aplicación de edición de imágenes.