Hipervínculos (I)

Material necesario para empezar a trabajar:

       Macromedia Dreamweaver
     

    
         Autora del tutorial:
Lilian´s Design

REALIZACION:

Hipervínculo externo en una imagen:

Un hipervínculo externo es cuando hacemos referencia a una página web ubicada fuera de nuestro propio sitio web. Vamos pues a insertar el hipervínculo del foro en mi logotipo. Para ello hacemos clic en la imagen del logotipo para marcarla:

Seguidamente en el inspector de propiedades hacemos clic en la carpeta que está al lado del campo vínculo, en la ventana emergente tecleamos la url del foro http://www.liliansdesign.net y clic en aceptar.

El campo Destino le diremos que abra esa página en una ventana aparte por lo que seleccionaremos la opción _blank. Clic en aceptar.

El campo destino puede contener los valores:

  • _blank: el vínculo se abre en una nueva ventana

  • _parent: el vínculo se abre en el marco primario (cuando se usan páginas con marcos)

  • _self: el vinculo se abre en el mismo marco (cuando se usan páginas con marcos)

  • _top: el vínculo se abre usando toda la página.

Hipervínculo interno en un texto.

Un hipervínculo interno es cuando hacemos referencia a una página web ubicada dentro de nuestro propio sitio web.

Debajo del libro de visitas quiero que realices algo similar a lo que ves en la siguiente imagen, ya tienes los conocimientos necesarios para ello asi que ánimo:

 

Ahora vamos a insertar un hipervínculo a los textos Parte 1 y Parte 2, asignando a cada uno su html correspondiente de los ejercicios anteriores. Para ello, vamos a seleccionar el texto Parte 1 como si lo fueramos a copiar:

Seguidamente en el inspector de propiedades clic en la carpeta que está al lado del campo vínculo, y en la ventana emergente clic en parte1.html. Aceptar.

En el campo destino elegimos la opción _blank (apertura en ventana nueva).

Repetimos la operación para el texto Parte 2 asignándole como hipervínculo parte2.html

Y esto es lo que tendremos hasta ahora:

Notad que los hipervínculos salen de un poco agradable color azul para los colores que usamos en la página. Vamos a volver de nuevo a Propiedades de Página y retomaremos la configuración en el punto donde la habíamos dejado anteriormente. Cambiaremos el color de los hipervínculos.

Hacemos clic en Vínculos en el lado izquierdo de la ventana, y nos mostrará todas las opciones que podemos cambiar. Por el momento los estilos de fuente (las letras) dejaremos la misma configuración que para la página en general. Si cambiaremos los colores.

Color de Vínculo es el color en el que aparecerá originalmente en vínculo cuando aún no haya sido visitado ni el puntero del ratón esté sobre él.

Vínculos visitados: adoptará este color una vez hayamos visitado el vínculo.

Vínculos de sustitición: adoptará este color cuando pasemos el puntero del ratón sobre él pero sin hacer clic.

Vínculos activos: adoptará este color en el hipervínculo que esté activo actualmente.

 

¡Bien! así es como tenemos la página hasta ahora:

Mi página Web

Para enseñarme este resultado en el foro: Archivo - Guardar como y nómbralo parte3.html

 Nos vemos en el siguiente tutorial.

 

Espero que haya sido de tu agrado y utilidad.

Tutorial creado el 28/03/2006
Prohibida la reproducción total o parcial sin consentimiento escrito.