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.