Tecnología

Inicio

Cómo crear puntos calientes en Dreamweaver CS5

Si usted tiene una gran imagen en su página web, puede crear un mapa de imagen y añadir áreas se puede hacer clic, conocidos como "puntos calientes", que le permiten enlazar varias páginas de una imagen. Utilización de Dreamweaver, puede crear puntos calientes sin saber cómo escribir código utilizando el modo de edición de diseño. Utilizar las herramientas proporcionadas para dibujar la forma del punto caliente en la imagen; A continuación, Dreamweaver inserta automáticamente el código para usted.

Instrucciones

1 Abra la página Web en Adobe Dreamweaver.

2 Haga clic en la imagen que desea utilizar para crear un mapa de imagen.

3 Escriba un nombre para el mapa de imagen en el cuadro de texto "Mapa" en la ventana de Propiedades en la parte inferior del programa.

4 Seleccione una de las herramientas de forma punto caliente, como la herramienta Zona interactiva Círculo, y arrastre la forma de la imagen en la que desea que aparezca el punto caliente. Una forma semitransparente aparece en la imagen para indicar la posición del punto caliente.

5 Escriba la ruta de la página que desea que el punto caliente establecer el vínculo en el cuadro de texto "Enlace". Para enlazar a una página interna, haga clic en el icono de carpeta situado junto al cuadro de texto "Enlace" y seleccione la página.

6 Escriba una breve descripción del punto caliente en el cuadro de texto "Alt". Este texto aparece cuando las imágenes están desactivadas en un navegador Web, y ayuda a describir la imagen al usuario.

7 Seleccione un tipo de destino en el menú desplegable "destino". El tipo de destino indica al navegador Web cómo mostrar la página enlazada. Por ejemplo, si selecciona "_blank" del menú indica al navegador para abrir el enlace en una nueva ventana.

Consejos y advertencias

  • Pulse la tecla "F12" para previsualizar la página en un navegador Web. Los puntos calientes en la imagen funcionan de la misma en la página de vista previa como lo hacen cuando la página se carga en su sitio web.