Los mapas de imagen son las imágenes con regiones seleccionables también conocidas 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 imágenes para añadir diversión y emoción a una página.
Lo que necesita
Macromedia Dreamweaver
Inicie Dreamweaver y abrir la página en la que aparecerá la imagen del mapa.
Insertar una imagen que se utilizará como mapa, o haga clic en una imagen existente.
Abra el menú Archivo y seleccione Ventana, entonces inspector de propiedades.
Haga clic en la flecha en la esquina inferior izquierda del inspector de propiedades para expandir las opciones.
En el cuadro Nombre del Mapa, escriba el nombre de la imagen del mapa. Esto ayuda a que el navegador sepa qué mapa está referenciado al configurar los puntos de acceso.
Seleccione la forma deseada hotspot: círculo, rectángulo o polígono.
Arrastre la forma sobre la imagen, hasta que cubra el área de punto de acceso deseado.
En el cuadro de Inspector Hotspot, escriba el nombre de la URL o seleccione el archivo de la zona activa llevará al usuario.
Escriba el texto alternativo que aparecerá para el texto-browsers en el cuadro de ALT. Por ejemplo, si un punto de acceso apunta a la página de productos, el tipo de productos en el cuadro de ALT.
Repita el procedimiento para añadir nuevos puntos de acceso.
Guarde la página cuando haya terminado, y obtener una vista previa de la elección 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 también se copian.
En algunos navegadores, aparecerá el texto escrito en el cuadro ALT cuando se pasa el ratón por encima del punto de acceso.
No todos los navegadores soportan 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.
No hay comentarios:
Publicar un comentario