Hipervnculos

Un hipervnculo (link, enlace, vnculo) es una conexin entre una pgina Web y otro destino. El destino es con frecuencia otra pgina Web, pero tambin puede ser una imagen, una direccin de correo electrnico, un archivo o un programa. Por otro lado los elementos que sirven como enlace pueden ser textos o imgenes. La etiqueta <a> nos permite definir un enlace, de tal forma que el texto o imagen encerrado entre la etiqueta de inicio <a> y la etiqueta de cierre </a> ser el que nos sirva de enlace hacia el destino que marquemos. Ej. Cdigo HTML: <a href="http://www.google.com"> Pulsa para ir a Google</a> Como vemos en el ejemplo el texto "Pulsa para ir a Google" funciona como enlace y el destino es marcado por el modificador href de la etiqueta. Las etiquetas html y los modificadores implicados en la creacin de enlaces son estos:

Atributos de <A>
Atributo href="..." sobre el enlace Descripcin Es necesaria. Indica la direccin URL a la que se va a saltar al hacer clic

name="..." Convierte al contenido de la etiqueta <A> en un destino (llamado marcador o punto de ancla) target="..." enlazado. Determina el marco o ventana de destino donde se abrir el archivo

title="..." Opcionalmente podemos aadir un texto alternativo que se muestra al posicionarte sobre el enlace en un letrero amarillo. .

Apariencia de los enlaces

Cuando creamos un enlace con texto ste se muestra de forma predeterminada de color azul y subrayado. Los enlaces que han sido visitados presentan un color morado, y rojo es el color de los enlaces en el momento justo de pulsar sobre l.

Hipervnculos Externos
Un vnculo puede apuntar a una pgina ubicada en el mismo equipo, reemplazando la direccin URL con el archivo de destino. Esta ubicacin del vnculo puede definirse de forma relativa, describiendo el archivo de destino con relacin al archivo fuente. Si el archivo fuente es "index.html" ubicado en el directorio principal puede escribirse un vnculo hacia l:

<a href="index.html"> . . . </a>

Este vnculo puede definirse de forma absoluta escribiendo la direccin del archivo de destino:
<a href="file:///drive:/directory/index.html"> ... </a>

Creacin de Hipervnculos
La creacin de enlaces es algo cotidiano e importante en el proceso de desarrollo de un sitio Web. Los enlaces entre sus pginas conformarn la estructura del sitio. Dreamweaver nos ofrece varias posibilidades para crear vnculos. Esta es una de las bazas de este programa para facilitar el trabajo al diseador. Tiene varios mtodos que estn pensados para ser rpidos e intuitivos, sobre todo para crear enlaces entre las pginas de un mismo sitio Web. 1. Seleccionamos el texto que deseamos que se convierta en hipervnculo. 2. Abrimos el inspector de Propiedades (men Ventana > Propiedades) y llevamos a cabo una de las siguientes operaciones: Escribimos el destino directamente en el campo de texto Vnculo. o Para enlazar con un documento del sitio escribe la ruta y el nombre del archivo. (mejor seleccionarlo con otro mtodo).

Para establecer un vnculo con un documento externo escribimos la direccin absoluta URL.

Pulsamos en el icono de carpeta situado a la derecha del cuadro de texto Vnculo para localizar y seleccionar un archivo de nuestro sitio.

Hipervnculos Internos
Hay enlaces que no nos llevan a otros documentos, sino que nos llevan a un lugar determinado de la pgina. Esos lugares de la misma pgina a los que nos dirige el enlace estn marcados. Para marcar se utilizan marcadores, Tambin llamados Anclas o Anclaje con nombre. Un marcador es una posicin en una pgina que se ha marcado, lo que permite crear un hipervnculo a dicho marcador con el fin de mostrar una determinada seccin de una pgina Web. Cdigo del marcador:<a electrnico</a> Cdigo del enlace:<a electrnico</a> name="hiper">Crear Hipervnculos de correo

href="#hiper">Repasa cmo crear vnculos de correo

Como ves, un hipervnculo a un marcador, se indica mediante el signo (#), que precede a la direccin URL de destino. Por lo tanto cuando utilizamos marcadores hay dos tareas que realizar, en primer lugar crear los marcadores y en segundo lugar hacer los enlaces a dichos marcadores.

Crear un marcador
1. Situamos el cursor donde deseamos insertar el marcador 2. Realizamos una de estas operaciones: o Seleccionamos men Insertar > Anclaje con nombre. o Pulsamos el botn "ancla" de la solapa Comn del panel Insertar.

1. Aparecer este cuadro de dialogo:

2. Escribimos un nombre para el marcador y aceptamos. (Es importante respecto de la compatibilidad no incluir espacios ni caracteres especiales dentro de los marcadores).

Donde hemos insertado el marcador aparecer este icono . Solamente es una ayuda visual para localizar los marcadores en la vista de diseo que no se reproducirn en el navegador.

Crear un enlace a un marcador

1. Seleccionamos el texto que deseamos que se convierta en enlace. 2. En el cuadro de texto Vinculo del inspector de Propiedades, introducimos el signo almohadilla (#) seguido del nombre del marcador. Por ejemplo:

o o

Para enlazarlo con un marcador, situado en el inicio de la misma pgina, llamado "arriba", escribimos #arriba. Para enlazarlo con un marcador llamado "arriba" situado en un documento distinto pero en la misma carpeta, escribimos nombredelarchivo.htm#arriba.

Una forma mas sencilla de hacer estos enlaces consiste en utilizar el sealizador de archivos (recuerda, , situado a la derecha del campo Vnculo Muy til!)

1. Seleccionamos el texto que deseamos convertir en enlace. 2. Podemos utilizar cualquiera de estos dos mtodos: Arrastramos el sealizador hasta el icono que localiza el marcador Mantenemos pulsada la tecla de Maysculas mientras arrastramos el texto hasta el marcador deseado. 3. Liberamos el botn del ratn. Y ya est! o o