Hotspots…

Ya hemos visto como crear una liga a una imagen.

Pero también podemos distribuir la imagen a diferentes vínculos.

Estos son llamados hotspots.

Cada hotspot tiene su propia liga.

Por ejemplo, en la imagen de abajo tenemos un fotógrafo con un mapa del Benelux en la página índice.
Cada país tiene su propia página en el mapa de sitio.
Para cada país en Benelux, quiero ligar a su página.

Para hacer ésto selecciona la primer imagen en la página índice.
Cuando ésta es seleccionada, tres herramientas de caracteres y una herramienta puntera aparece en la ventana Propiedades.
La primer herramienta de dibujo es la “Rectangular Hotspot”.
La segunda herramienta de dibujo es la “Oval hotspot”.
Y la tercer herramienta de dibujo es la “PoligonL hotspot”.

Selecciona la herramienta de dibujo Rectangular Hotspot y haz click y arrastra sobre la imagen en el documento. Para ligar éste a una página, selecciona el hotspot, haz click y arrastra con el botón “Point to file” al documento que quieres ligar a éste hotspot.

Haz lo mismo cuando quieras dibujar un oval hotspot.

Para un polygonal hotspot, selecciona una herramienta de dibujo y haz click en varios puntos en la imagen. Cada vez que haces click, el manejador de selección (bloqueo) está añadido.

Usamos la flecha negra para mover el hotspot o haciendo click y arrastrando el manejador de selección el filo del hotspot.
Una segunda forma es mover tu hotspot para seleccionarlo y hacer click en las teclas con flechas de tu teclado.

Para añadir un segundo hotspot, necesitas des-seleccionar el primer hotspot. De otra forma, Dreamweaver piensa que sigues ocupado con el primero.

En el “Map”, das un nombre al hotspot.
En “Alt” das una descripción de esa porción de la imagen.

Haz click en el botón F12 para ver tu página en el Navegador.

 

Insertar nombre anclado

Un nombre anclado es una liga a una específica locación en una página.

Por ejemplo, ésta liga “regresar al inicio”, es un nombre de liga anclado.

Podemos añadir anclajes nombrados en cualquier lugar de la página, incluso en otra página.

Un anclaje nombrado liga consiste en dos partes.

La primer parte es el lugar de tu página donde quieres insertar el anclaje nombrado para ligar y el segundo es una liga a éste anclaje nombrado.

Para añadir un anclaje nombrado primero coloca e cursor en el documento donde quieras nombrar al anclaje.

Haz click en el botón “Named Anchor” en la pestaña “General” de la herramienta “Insertar”.

Esto abre una ventana de diálogo donde damos en nombre del anclaje.
Haz click en el botón Aceptar..
La primer parte ya está hecha.

Ahora la segunda parte.

Selecciona el texto o la imagen en tu documento donde quieras hacer el link.

Haz click y arrastra el “Señalar Archivo” al nombrado anclaje nuevamente instalado.
Cuando éste anclaje esté en una locación del documento que no es visible, presiona el curso hacia abajo con el “Señalar Archivo” y muevelo casi al filo del documento.

La página empezará automaticamente a desplazarse..

Cuando se halla llegado a la liberación del anclaje suelta el botón del ratón.

La notación de un enlace de anclaje con nombre sigue siendo el nombre del ancla precedido por un signo numérico (#)

Si no quieres usar “Señalar Archivo”, simplemente puedes escribir un signo de libra más el nombre del anclaje en el “Vínculo”. Este nombre debe de estar correctamente escrito, de otra forma no será encontrado.

Si deseas ligarlo a un anclaje nombrado en otra página, escribe la página, seguido por el signo de libra y el nombre del anclaje nombrado, por el momento. TV.html#LCD

Una segunda forma de crear una liga a un anclaje es usando el botón “Hipervínculo” en la pestaña “General” de la herramienta “Insertar”.
Esto abre una ventana de diálogo donde puedes, hacer click en la flecha que apunta hacia abajo a un lado de la casilla “liga”, liga todos los anclajes usados en ésta página.

Liga a E-mail

Lo última liga que voy a discutir es a un E-mail.

Si alguno de ustedes no conoce que es una liga a un E-mail es, cuando la liga es clickeada, el programa de email por defecto instalado en la computadora de tu visitante es invocado.

Podemos añadir una liga e-mail link de diferentes formas.

Cualquiera de los modos que lo prefieras hacer, me refiero a añadir la liga e-mail, la primera cosa que tienes que hacer es seleccionar la imagen o texto en tu documento donde quieres añadir la liga.

Un modo es seleccionar la “liga E-mail” en la pestaña “General” en la barra de herramientas “Insert”.
Esto abre una casilla de diálogo, liga E-mail. ¿Qué habías pensado?
En la parte superior de la casilla, el texto que estuvo seleccionado en el documento ha sido completado. Escribe la dirección del e-mail en la caja de abajo.
Haz click en el botón Aceptar.
Eso es todo.

Ahora, cuando abras la vista código puedes ver que la liga a la dirección e-mail está colocada en una etiqueta. Y que la dirección e-mail es precedida por “mailto:”.
Recuerda ésto, si quieres introducir tu liga e-mail link en un tercer modo será en el futuro.

Un segundo modo de agregar una liga e-mail es, como siempre, primero seleccionado el texto y haciendo click en el botón “Insertar” en la barra de menu y seleccionando la liga E-mail en el menu desplegable. Esto abre la misma ventana de diálogo como en el primer modo.

El tercer y último paso es a través de texto mailto: seguido de escribir la dirección de e-mail en la liga de la ventana Propiedades.

 

Cursos

• Downloading iPad Apps
• Lesson 1: Introduction to Publisher
• Lesson 65: File Formats