Cómo asignar una imagen en Dreamweaver CS5

Mapas de imágenes en Dreamweaver. 

DREAMWEAVER

Registro de una imagen en Adobe Dreamweaver, un programa de diseño de páginas Web popular, consiste en la creación de puntos de acceso, o enlaces, en la imagen que los usuarios hacen clic para navegar por un sitio web. Imágenes asignados de esta manera se denominan mapas de imágenes. Usted puede crear un mapa de imagen de cualquier gráfico o fotografía de importar en una página HTML con herramientas de mapeo de imagen de Dreamweaver.

Lo que necesita

Adobe Dreamweaver CS2 o posterior

Archivo gráfico

Abra el archivo HTML en el que desea crear un mapa de imagen en Dreamweaver, o iniciar una nueva página haciendo clic en el menú Archivo y, a continuación, elija Nuevo. Se abrirá el cuadro de diálogo Nuevo documento. Elija HTML de la columna Tipo, seleccione el diseño de página que desee en la columna Diseño y haga clic en el botón Crear.

Haga clic en el menú Archivo y seleccione Guardar como para abrir el cuadro de diálogo Guardar como. Nombre y guarde el archivo de la página Web.

Haga clic en la página de la que desea crear el mapa de imagen para colocar el cursor.

Haga clic en el menú Insertar y seleccione Imagen. Aparecerá el cuadro de diálogo Seleccionar origen de imagen.

Navegue hasta el archivo gráfico desde el que desea crear un mapa de imagen, selecciónelo y, a continuación, haga clic en el botón OK. Dreamweaver incrusta el gráfico en su página Web.

Vaya al panel Propiedades y seleccione la herramienta interactiva rectangular. Puede usar esta o uno de los otros - Círculo o Polígono Hotspot Hotspot - herramientas, dependiendo de la forma que usted desea hacer sus puntos de acceso. Por ejemplo, si la imagen que está asignando contenga formas circulares que desea utilizar como botones, seleccione la herramienta Zona interactiva circular.

Mantenga pulsado el botón del ratón y arrastre el cursor alrededor del área de la imagen que deseas para hacer clic. Al soltar el botón, Dreamweaver muestra un área sombreada verde donde se dibujó. Este es el primer punto de acceso en su mapa de imagen.

Haga clic en el campo Vínculo en el panel Propiedades y escriba la dirección URL de este punto de acceso.

Repita los pasos 6 a 8 para cada punto de acceso que desea crear.

Consejos y advertencias

Cuando se carga la página Web en el servidor Web, no se olvide de cargar el archivo de imagen. De lo contrario, la imagen del mapa no se mostrará y funcionará correctamente.