CREACIÓN DE VÍNCULOS
La etiqueta HTML para crear un vínculo de hipertexto para objetos, texto o imágenes con otros documentos y archivos se denomina etiqueta anchor o etiqueta a, utilizando la etiqueta a href. Por ejemplo, si selecciona el texto Home Page en la ventana de documento y, a continuación, crea un vínculo con un archivo llamado home.htm, el código HTML para el vínculo será el siguiente:
<a href=”home.htm”>Home Page</a>
Si crea un vínculo con
un punto específico de un documento, cree en primer lugar un punto
de fijación con nombre (por ejemplo, a name="MainMenu").
A continuación, cree dentro de la página un vínculo
que haga referencia al punto de fijación con nombre
(por ejemplo,<a href="#MainMenu">).
Puede crear varios tipos de vínculos en un documento:
- Un vínculo con otro documento o archivo, como un archivo gráfico, de película, PDF o de sonido.
- Un vínculo de punto de fijación con nombre, que salta a un emplazamiento específico dentro de un documento.
- Un vínculo de correo electrónico, que crea un mensaje de correo electrónico en blanco con la dirección del destinatario ya cumplimentada.
- Vínculos nulos y de script, que permiten adjuntar comportamientos a un objeto o crear un vínculo que ejecuta código JavaScript.
Dreamweaver ofrece varias formas de crear vínculos locales, es decir, vínculos entre documentos del mismo sitio:
- Utilice el mapa del sitio para ver, crear, cambiar o eliminar vínculos.
- En la ventana de documento, seleccione texto o un elemento de página y, a continuación, utilice Modificar > Crear vínculo para seleccionar un archivo con el que establecer el vínculo.
- Utilice el inspector
de propiedades seleccionando texto o un elemento de página
del documento. A continuación, utilice el icono de carpeta
o el icono de señalización de archivos del inspector
de propiedades para seleccionar un archivo con el que establecer
el vínculo, o bien escriba la ruta del archivo.
Nota: La introducción manual de URL o de rutas de archivo puede producir errores, lo que impedirá el funcionamiento de los vínculos. Para asegurarse de que utiliza la ruta correcta, utilice el icono de carpeta para acceder al vínculo.
- En la ventana de documento, seleccione texto o un elemento de página, elija Crear vínculo en el menú contextual y, a continuación, seleccione un archivo para establecer el vínculo.
- Para crear un vínculo externo (con un documento de otro sitio), deberá escribir la ruta absoluta (con el protocolo adecuado) en el inspector de propiedades. Asegúrese de que introduce la ruta completa (incluido http://) al crear vínculos externos.
UBICACION Y RUTA DE LOS VINCULOS
Cada página Web tiene una dirección exclusiva, denominada URL (Localizador Uniforme de Recursos). Sin embargo, cuando se crea un vínculo local, no es necesario especificar el URL completo del documento de destino. En este caso se especifica una ruta relativa desde el documento actual o desde la carpeta raíz del sitio.
Hay tres tipos de rutas de vínculos:
- Rutas absolutas (como http://www.macromedia.com/support/dreamweaver/contents.html). Consulte Rutas absolutas.
- Rutas relativas al documento (como dreamweaver/contents.html). Consulte Rutas relativas al documento.
- Rutas relativas a la raíz del sitio (como /support/dreamweaver/contents.html). Consulte Rutas relativas a la raíz del sitio.
Nota: En lugar de escribir las rutas, conviene acceder a los vínculos a través del botón Examinar, método que asegura la correcta introducción de la ruta.
VINCULACION ENTRE ARCHIVOS Y DOCUMENTOS
Puede utilizar el inspector de propiedades y el icono de señalización de archivos para crear vínculos desde una imagen, un objeto o texto hasta otro documento o archivo. Para vincular documentos utilizando el icono de carpeta o el cuadro de texto Vínculo del inspector de propiedades:
- Seleccione texto o una imagen en la vista Diseño de la ventana de documento.
- Abra el inspector de propiedades (Ventana > Propiedades) y lleve a cabo una de las siguientes operaciones:
- Haga clic en el
icono de carpeta situado a la derecha del cuadro de texto Vínculo
para localizar y seleccionar un archivo.
La ruta del documento vinculado aparecerá en el campo URL. Utilice el menú emergente Relativa a del cuadro de diálogo Seleccionar archivo HTML para indicar si la ruta es relativa al documento o a la raíz del sitio. A continuación, haga clic en Seleccionar.
Nota: Al cambiar el tipo de ruta en el campo Relativa a, Dreamweaver utiliza este valor como tipo de ruta predeterminada para futuros vínculos hasta que vuelva a cambiar el tipo de ruta.
- Escriba la ruta y el nombre de archivo del documento en el cuadro de texto Vínculo.
- Para establecer un vínculo con un documento del sitio, introduzca una ruta relativa al documento o relativa a la raíz del sitio. Para establecer un vínculo con un documento externo al sitio, introduzca una ruta absoluta que incluya el protocolo (por ejemplo, http://). Puede utilizar este método para introducir un vínculo para un archivo que aún no se ha creado.
- En el menú emergente Dest, seleccione una ubicación para abrir el documento.
- Para que el documento
vinculado aparezca en un lugar distinto de la ventana o el marco
actual, seleccione una opción en el
menú emergente Destino del inspector de propiedades:
- _blank carga el documento vinculado en una nueva ventana sin nombre del navegador.
- _parent carga el documento vinculado en el marco padre o en la ventana padre del marco que contiene el vínculo. Si el marco que contiene el vínculo no está anidado, el documento vinculado se cargará en la ventana completa del navegador.
- _self carga el documento vinculado en el mismo marco o la misma ventana que el vínculo. Este destino es el predeterminado, por lo que normalmente no es preciso especificarlo.
- _top carga el documento vinculado en la ventana completa del navegador, eliminando de esta forma todos los marcos.
Para establecer vínculos con documentos utilizando el icono de señalización de archivos:
- Seleccione texto o una imagen en la vista Diseño de la ventana de documento:
- Arrastre el icono
de señalización de archivos situado a la derecha del
cuadro de texto Vínculo del inspector de propiedades y señale
otro documento abierto, un punto de fijación visible en un
documento abierto o un documento del panel Sitio. El cuadro de texto
Vínculo se actualizará para mostrar el vínculo.
Nota: Sólo puede establecer un vínculo con un documento abierto si los documentos no están maximizados en la ventana de documento. Cuando se señala a un documento abierto, éste pasa al primer plano de la pantalla mientras se realiza la selección.
Para establecer vínculos con documentos utilizando el mapa del sitio y el icono de señalización de archivos:
- Amplíe el panel Sitio y, a continuación, muestre las vistas Archivos del sitio y Mapa del sitio manteniendo presionado el icono Mapa del sitio y eligiendo Mapa y archivos.
- Seleccione un archivo HTML en el mapa del sitio.
- Aparecerá el icono de señalización de archivos junto al archivo.
- Arrastre el icono de señalización de archivos y señale a otro archivo del mapa del sitio o a un archivo local en la vista Archivos del sitio. Libere el botón del ratón.
- En la parte inferior del archivo HTML seleccionado se colocará un vínculo de hipertexto con el nombre del archivo vinculado. Este método ofrece buenos resultados cuando crea el sitio y desea crear vínculos rápidamente en el sitio.
