Tecnología

Inicio

Cómo hacer parte de una imagen con enlace con Dreamweaver CS5

Usted puede hacer cualquier parte de una imagen se puede hacer clic en una página Web con Adobe Dreamweaver CS5. Un área seleccionable a menudo se llama un punto de acceso o de mapa de imagen. Puede tener más de un punto de acceso en una imagen, siempre y cuando no intenta solapar ellos. Los hotspots se utilizan a menudo en las banderas en el menú de navegación se escribe en la imagen de portada utilizando un programa como Photoshop. También son útiles cuando diferentes imágenes dentro de una imagen se refieren a diferentes temas en otras páginas web.

Instrucciones

1 Abrir un documento HTML en Adobe Dreamweaver CS5. Insertar una imagen mediante la opción "Imagen" en el menú Insertar.

2 Seleccione la imagen en la ventana principal del documento haciendo clic en él.

3 Haga clic en la esquina inferior derecha del "Inspector de propiedades" para revelar todas las opciones de propiedades disponibles.

4 Escriba un nombre para el punto de acceso que está haciendo en el campo de texto mapa. Cada uno debe tener su propio nombre.

5 Seleccione el "círculo" o la herramienta "Rectángulo" para crear una zona interactiva con forma regular. Arrastre la herramienta en cualquier lugar de la imagen haciendo clic y manteniendo pulsado el ratón. La forma que aparece es el punto de acceso.

6 Crear una zona interactiva con forma irregular mediante la selección de la herramienta "Polígono". Haga clic en la herramienta sobre la imagen para determinar los puntos del polígono. La forma comienza a aparecer después de haber hecho clic en tres puntos, y se altera en su forma cada vez que se agrega un nuevo punto al contorno. Haga clic en la herramienta "Flecha" para finalizar el polígono.

7 Seleccione el archivo que se debe abrir cuando el punto de acceso se hace clic escribiendo su dirección web en el campo de texto del cuadro de diálogo de destino. Como alternativa, seleccione un archivo haciendo clic en el menú de navegación en el cuadro de diálogo.

8 Mover o cambiar el tamaño de un punto de acceso haciendo clic en la herramienta "de puntero". Arrastre el punto de acceso a una nueva posición, o cambiar su tamaño haciendo clic y arrastrando un punto de anclaje en el contorno.

9 Seleccione uno de los ajustes preestablecidos para controlar cómo se abre la nueva página. Por ejemplo, seleccione "_blank" en el cuadro de diálogo de destino para el archivo vinculado se abra en una nueva ventana, o utilice "_self" para forzar la página para abrir en la ventana actual.

10 Escriba el nombre de un texto alternativo para el enlace en el cuadro de texto Alt para permitir una fácil navegación para los navegadores web de sólo texto, y el nombre que se mostrará cuando el ratón pasa sobre el punto caliente.

11 Añadir tantos puntos de acceso a la imagen asignada, según sea necesario, a continuación, haga clic en cualquier punto en blanco en la página cuando haya terminado.

Consejos y advertencias

  • Si bien no se puede crear puntos calientes en una imagen de fondo, puede crear la apariencia de que sea se puede hacer clic colocando un .png transparente sobre parte de los antecedentes y lo que es hacer clic.