Tecnología

Inicio

Cómo asignar una imagen en Dreamweaver CS5

Cómo asignar una imagen en Dreamweaver CS5


Registro de una imagen en Adobe Dreamweaver, un programa popular diseño de páginas web, consiste en crear puntos de acceso, o enlaces, en la imagen que los usuarios hagan clic para navegar por una página web. Imágenes mapeadas de esta forma se llaman "mapas de imágenes." Puede crear un mapa de imagen desde cualquier gráfico o fotografía se importa en una página HTML con herramientas de mapas de imagen de Dreamweaver.

Instrucciones

1 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, elegir "Nuevo". Esto abre el cuadro de diálogo Nuevo documento. Seleccione la opción "HTML" de la columna Tipo, seleccione el diseño de la página deseada en la columna Diseño y haga clic en el botón "Crear".

2 Haga clic en el menú "Archivo" y seleccione "Guardar como" para abrir el cuadro de diálogo Guardar como. Un nombre y guardar el archivo de página Web.

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

4 Haga clic en el menú "Insertar" y seleccione "Imagen". Esto muestra el cuadro de diálogo Seleccionar origen de imagen.

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

6 Vaya al panel Propiedades y seleccione la "Herramienta interactiva rectangular." Puede utilizar este o uno de los otros - Círculo o Hotspot Hotspot Polígono - herramientas, dependiendo de la forma que desee para hacer sus puntos de acceso. Por ejemplo, si la imagen que está asignando contenga formas circulares que desea utilizar como botones, seleccione la "Herramienta de hotspot círculo."

7 Mantenga pulsado el botón del ratón y arrastrar el cursor por el área de la imagen que desea hacer se puede hacer clic. Al soltar el botón, Dreamweaver muestra una zona de sombra verde donde se dibujó. Este es el primer punto de acceso en su mapa de imagen.

8 Haga clic en el campo "Enlace" en el panel Propiedades y escriba la dirección URL de este punto de acceso.

9 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, el mapa de imagen no se mostrará y funcione correctamente.