Tecnología

Inicio

Cómo crear un mapa de imagen con enlace con Dreamweaver

Los mapas de imagen son fotografías con regiones seleccionables también conocidos como "puntos calientes". Cuando los usuarios hacen clic en uno de los puntos de acceso, que están dirigidos a la página que usted designe. Dreamweaver 3.0 le permite crear fácilmente mapas de imagen para añadir diversión y emoción a una página.

Instrucciones

1 Iniciar Dreamweaver y abrir la página en la que aparecerá el mapa de imágenes.

2 Insertar una imagen para usar como el mapa, o haga clic en una imagen existente.

3 Abra el menú Archivo y seleccione Ventana, entonces inspector de propiedades.

4 Haga clic en la flecha en la esquina inferior izquierda del inspector de propiedades para expandir las opciones.

5 En el cuadro Nombre del mapa, escriba el nombre del mapa de imágenes. Esto ayuda a que el navegador sabe qué mapa se está haciendo referencia al configurar los puntos de acceso.

6 Seleccione la forma deseada punto de acceso: círculo, rectángulo o polígono.

7 Arrastre la forma sobre la imagen, hasta que cubra el área de punto de acceso deseado.

8 En el cuadro de hotspot inspector, escriba el nombre de la dirección URL o seleccione el archivo de la zona activa llevará al usuario a.

9 Escribir un texto alternativo que aparecerá para los navegadores de sólo texto en el cuadro de ALT. Por ejemplo, si un punto de acceso apunta a la página de los productos, los productos de tipo en el cuadro de ALT.

10 Repita el procedimiento para añadir nuevos puntos de acceso.

11 Guarde la página cuando haya terminado, y una vista previa eligiendo Vista previa en el explorador en el menú Archivo.

Consejos y advertencias

  • Si copia un mapa de imagen a otra página después de haber guardado la página original, los puntos de acceso se copian también.
  • En algunos navegadores, el texto escrito en el cuadro ALT aparecerá cuando el ratón pasa sobre el punto caliente.
  • No todos los navegadores son compatibles con los mapas de imagen del lado del cliente y algunos navegadores son sólo texto, así que asegúrese de usar el cuadro de ALT para especificar enlaces de texto para los usuarios de estos navegadores.