Dreamweaver - CS3

Lección 14: Ligas (1)

14/58 Lecciones 

¿Qué es una Liga?

Cuando nosotros hemos creado un sitio en Dreamweaver, será más parecido a conectarse a una página contigua.

Es a lo que llamamos una liga.

Pero una liga es una liga a otro sitio, a una dirección de e-mail, a un documento bajable, a una imagen, película o música en tu página.

En otras palabras, a cualquier parte que puedas ir en Internet es una liga.

 

Rutas Relativas y Rutas Absolutas

Cuando hacemos una liga a otro sitio (por ejemplo a un servidor) o a un documento en otro sitio, nosotros usamos una ruta absoluta.

Cuando hacemos una liga entre páginas, imagenes o documentos en nuestro sitio (por ejemplo servidor), usamos rutas relativas.

Si no sabes qué es un servidor, no es más que una PC “pesada” que funciona como almacenamiento para tu sitio y siempre está conectada a una red, en nuestro caso Internet.

De regreso a nuestras rutas.

Una ruta absoluta contiene el URL completo del documento ligado.
por ejemplo: http://www.google.com

Entonces con http, punto y coma, diagonal, guión y así.

Una ruta relativa en contraste, por ejemplo, usa solowww.swotster.com/swotster/Spanish/Access2007/index_es.html

Parecería más complicado de lo que realmente es. Esto cambiará en las siguientes lecciones.

 

Nueva página / Añadir Carpeta

Para crear una liga a otra página de nuestro sitio, debemos primero tener una página diferente. Lógico ¿no?
La forma más rápida de crear una página en blanco o añadir una carpeta a tu sitio, es tan sencillo como hacer click derecho en la carpeta raíz o a un subdirectorio y seleccionar “Archivo Nuevo” o “Carpeta Nueva” en el menu desplegable.
Para accesar a la página hacer doble click.
Para cambiar el nombre de una página o folder, hacer doble click en él.
La diferencia entre doble-click y un doble click, doble-click es presionando dos veces rapidamente, doble click es seleccionar primero y hacer otra vez click cuando está seleccionado.

Vínculo a otra página

Antes de empezar a ver los archivos usados en esas lecciones, baja y define el sitio.

Para añadir un vínculo a texto en tu página hay diferentes modos:
En cualquiera, primero selecciona el texto en tu documento.

  1. Un modo es hacer click en el botón “Señalar Archivo” a un lado de la caja “Vínculo”.
    En “Seleccionar Archivo”, navega al archivo que quieres adjuntar, seleccionalo y haz click en el botón Aceptar.
  2. Un segundo modo es primero seleccionar el texto y después hacer click en “Señalar archivo” y arrastrar el archivo que quieres a la liga.
  3. Y el tercer modo es escribir el nombre del archivo más su carpeta correspondiente en su caja de texto.

Si elijes el tercer modo, entonces debes conocer la estructura del archivo en varias carpetas.

Una palabra de explicación:

Como puedes ver en la imagen de arriba, el documento abierto es un index.html, éste documento es de la página de inicio. La página de inicio debe siempre estar en el directorio raíz (usualmente public_html en el servidor) de tu sitio y debería siempre tener el nombre index.html o index.htm.

En otras palabras, si escribes www.swotster.com o http://www.swotster.com en la ventana del navegador, es lo mismo.

Cada carpeta que creas en tu mapa de sitio, por lo tanto, no deberá tener el nombre de página index.htm.
La ventaja es que cuando tu escribes la dirección web en tu ventana del navegador, solo necesitas introducir el subdirectorio, por ejemplo “www.ElectroGc.be / GSM”. Esto te lleva automaticamente al inicio de página de ésta carpeta.
Tengo por ejemplo, ésta página “overzicht.htm” en la carpeta en vez de “index.htm” y después tengo que escribir “www.ElectroGc.be / GSM / overzicht.htm” en la ventana del navegador.

Ahora regresa aquí a la notación de la estructura del archivo.
Cuando estás en un documento index.html y quieres hacer una liga al documento “TOMTOM_Go_920.html” los cuales están ambos localizados en la carpeta GPS, usa la ruta relativa “TOMTOM_Go_920.html”.

Sin embargo, si deseas hacer la misma liga al documento “TOMTOM_Go_920.htm” en la carpeta “GPS”, pero desde la página “index.html” en raíz, usas la ruta “GPS/TOMTOM_Go_920.html”

Sin embargo, si deseas ligarlo a un archivo en el directorio padre, usa .. /
Para la instancia .. /index.html
Si el archivo está en una carpeta dos niveles arriba, entonces escribe .. /.. /index.html

Si deseas ligarlo a index.html (en otra subcarpeta por ejemplo LCD), usa la ruta relativa “.. / LCD / index.html”. En este caso, ir a .. / arriba de la carpeta padre y LCD / LCD abajo de la subcarpeta.

Aquí hay algo aparte, pero no menos importante.
Usa “Archivo que Apunta”, después no tienes que hacer algo, Dreamweaver lo arreglará por ti.

 

Importante

Cuando usas el panel de “Archivo”, mover archivos o renombrar o modificar un archivo, Dreamweaver trabaja para todas las ligas automaticamente.

Si lo haces fuera de Dreamweaver, entonces lo tendrás que actualizar manualmente.

Increíble! Has completado Lección 14 INICIAR EL PROXIMO LECCIÓN