Como ya vamos viendo, hay varias formas de hacer, insertar… algo en el Dreamweaver. Con los vínculos o enlaces, no es diferente. Así que vamos a ver varias formas de vincular o enlazar documentos, imágenes y archivos.

Vínculos a un documento del mismo Sitio

1º Necesitamos el documento index.htm, para aplicar los enlaces al texto que pusimos en el en el tutorial anterior, lo seleccionamos y :

Sin quitar la selección al texto, en el Inspector de Propiedades, vemos un campo con el nombre Vínculo:

Pulsando la carpeta que indica la flecha, podemos buscar el documento, que en este caso seria practica1.htm, usando la ventana del explorador:

En el campo Vínculo, vemos ahora que apareció el nombre del archivo que hemos vinculado a ese texto:

para comprobar que funcionó, vista previa en el navegador y pulsaremos sobre el texto Practicas1s:

Al pasar el cursor sobre el texto, esté, se convierte en una mano que nos indica que podemos pulsar sobre él, puesto que hay un vinculo o enlace y que si hicimos todo correctamente, nos llevara a la página con las tablas.

Pero aun hay otra forma que a mi me gusta muchísimo el ‘Punto de Mira‘ como yo le llamo y que uso continuamente y me mola mogollón

Con el texto seleccionado, observamos la columna donde vemos el Sitio y los documentos que tengamos en él, pulsamos el Punto de mira y estiramos sin soltar hasta el documento tablas.htm soltamos y listo:

Como vemos, este Punto de mira, nos servirá en muchas ocasiones, evitando tener que abrir la ventana del Explorador. Esto nos hará ganar tiempo cuando haya muchas páginas para vincular o imágenes, archivos zip, etc.. que insertar.

En la página practica1.htm, pondremos un vínculo a index.htm para poder volver a Inicio:

*Nota: Observamos que pese a que hemos puesto un color concreto al texto no se vera, no os preocupéis ahora por esto si? Por defecto los vínculos son del color azul que veréis, también veremos que al pulsarlos para comprobarlos cambiara de color, esto nos indica que es un vinculo que ya hemos visitado Luego, mas tarde aprenderemos a cambiar este color, así como a quitar o cambiar el subrayado que también saldrá por defecto.

Vínculos a documentos externos

*Nota: Para insertar este enlace, yo use el documento practica1. Vosotros podéis ponerlo donde prefiráis.

Son vínculos o enlaces, que nos llevaran a otras páginas, de amigas, buscadores.. etc.

Vamos a aplicarlo ahora a una imagen y, para ello lo primero sera insertar una imagen, que tendremos guardada en la carpeta Imágenes, la seleccionamos pulsando sobre ella y desde el Inspector de Propiedades en Vínculo, ponemos la dirección web de la pagina que queremos vincular:

Origen: Nos indica el nombre de la imagen y la ruta En Vínculo pondremos la dirección, en este caso la de Google. Comprobar que funciona, en vista previa o pulsando la tecla F12

Para que el usuario que esté navegando en nuestra Web, no salga de ella, si pulsa un enlace a otra página, estos vínculos externos se deben abrir en una ventana nueva :

Con la imagen, o texto seleccionado, en Destino ponemos la primera opción _blank. Ahora, ya podemos ir añadiendo vínculos, e incluso a las páginas de nuestras amig@s

Ejemplos Aquí