Explorando / Direcciones Relativas

Direcciones Relativas
(Relative Addresses)

El t�rmino "path" (pasillo) es a veces confuso para nuevos usuarios de la Web. Pero en realidad, es un concepto simple: Un "path" (pasillo) es la secuencia de directorios que se debe atravesar para llegar de un directorio a otro. (En Windows los directorios se llaman cartapacios ("folders"); y usaremos ambos t�rminos como sin�nimos). Hasta para construir la mas simple red de documentos, es muy �til saber lo b�sico de como especificar los "paths" (pasillos) entre directorios y archivos.

El material subsecuente en esta secci�n es algo m�s t�cnica que en la secci�n anterior. No es esencial para el uso casual de la Web, pero es importante si planificas construir tu propia direcci�n de Web.

Considera la estructura del directorio en la siguiente figura.

Esta estructura t�pica de directorio tiene un directorio Maestro (Matrix) (usualmente llamado el root directory y designado en una PC con el s�mbolo "\") que contiene todos los dem�s directorios como subdirectorios y cada directorio conteniendo subdirectorios. En este ejemplo, el directorio ra�z (matrix) contiene el directorio Dir1, y este directorio a su vez contiene los directorios Dir 2 y Dir 5. Finalmente, Dir 2 contiene subdirectorios Dir 3 y Dir 4, mientras Dir 5 contiene el subdirectorio Dir 6.

Los archivos en el sistema est�n contenidos en estos directorios. En la figura algunos archivos representativos est�n ilustrados en rojo. Por ejemplo, el archivo index.html (con la flecha verde) est� contenido en el directorio Dir 2, el cual es un directorio de Dir 1, el cual finalmente est� en el subdirectorio del directorio ra�z (matrix).

Mapa Conceptual de Directorios
(Directory Trees)

Otra manera �til de ver esta estructura de Directorios es en t�rminos de un mapa de direc- torios. La figura adyacente muestra el diagrama en forma de �rbol correspondiendo a la estructura de los directorios ilustrada en la primera Figura. Si la miramos como un �rbol (ca�do de lado), las ramas del �rbol corresponden a la estructura de los subdirectorios. Si levantas el �rbol hacia arriba, esta analog�a hace evidente el porque el directorio maestro conteniendo todos los directorios es llamado directorio " ra�z".

El diagrama del mapa conceptual de directorios ilustra gr�ficamente el significado de un pasillo: literalmente ES un pasillo: la manera (mas corta) que seguir�amos en el mapa de directorios para ir de un directorio a otro. Por ejemplo, considera los archivos ilustrados en el primer diagrama. Supongamos que preguntamos cu�l es el "pasillo" es desde el archivo index.html hasta el archivo file 3.ext. El archivo index.html esta en el directorio Dir 2 y file 3.ext esta en el directorio Dir 3. Desde el diagrama del �rbol de directorios, para llegar desde index.html a file 3.ext primero tendremos que ir al directorio Dir3 el cual est� en el directorio Dir2. Decimos que (relativo al archivo index.html) el archivo file 3.ext est� en localizado en Dir3\file3.ext. De la misma manera, relativo al directorio Dir1, el archivo file 3.ext est� localizado en Dir2\Dir3\file 3.ext y as� sucesivamente. Ejemplos como tales son denominados " especificando el pasillo relativo a un archivo" desde su punto de comienzo.

As�, el pasillo completo a un archivo que se encuentra en un subdirectorio del archivo en que estas actualmente es especificado en un listado, en orden, los directorios (omite el que te encuentras dentro) que tu debes atravesar para llegar al archivo, con los backslashes despu�s del nombre de cada directorio y finalmente seguido por el nombre del archivo. Bien simple, verdad, una vez practiques!!

Pero y si el archivo no est� en el subdirectorio de tu directorio actual? Por ejemplo, donde est� el archivofile6.ext (el cual est� en Dir6) relativo al archivo index.html? La misma regla se aplica como adyacente ilustra que para llegar al directorio Dir6 del directorio Dir2 tenemos que…

… regresar (BACK) en la jerarqu�a de los directorios hasta que lleguemos al directorio que contiene Dir 6 (y, por supuesto, Dir 2) en la estructura de subdirectorios.

As�, para llegar a file 6.ext desde index.html regresamos a Dir1, y despu�s a su subdirectorio Dir 5, y a su subdirectorio Dir6. La nota usada para regresar un nivel en la jerarqu�a de directorios es "\" ( dos puntos, seguidos por un backslash) y podemos decir que la localizaci�n de file 6.ext relativa a index.html es...\Dir5\Dir6\file6.html, como se ilustra en la siguiente figura.

Los ejemplos de direcciones que hemos estado considerado se les denomina "Direcci�n Relativa" (Relative Addressing), porque la localizaci�n es especificada con relaci�n a la localizaci�n actual. Pero, nota que tambi�n podemos especificar una "Direcci�n Absoluta" para archivos regresando al directorio ra�z y escribiendo el pasillo completo del archivo desde all�. En el ejemplo anterior, la direcci�n absoluta de file6.ext es \Dir1\Dir5\Dir6\file6.ext, donde la inicial "\" significa que es de la ra�z del directorio.

Nota la diferencia entre direcciones absolutas y relativas: si Yo muevo el archivo index.html a un directorio nuevo, la direcci�n de file6.ext relativa a index.html cambia, pero su direcci�n absoluta permanece igual.

De otra manera, supongamos que yo muevo la estructura completa de directorios hacia la derecha de "Root" en el �rbol de directorios, intactos a una localizaci�n nueva en la misma computadora o a una computadora diferente, como lo ilustra el diagrama adyacente. Entonces, generalmente, la direcci�n absoluta de file6.ext cambiar�a, pero su direcci�n relativa a index.html (de hecho, relativa a cualquier archivo en los directorios que yo haya movido) se quedar�a igual.

As�, en el diagrama que precede la direcci�n absoluta de file6.ext es \Dir1\Dir5\Dir6\file6.html en el ejemplo superior y \new\www\Dir1\Dir5\Dir6\file6.html en el inferior, pero ya que la parte interior de los encasillados grises es el mismo en ambos casos, la direcci�n relativa referida de index.html permanece incambiable.

Las Conexiones entre los Pasillos y las URLs
(The Connections Between Paths and URLs)

Y por qu� preocuparnos por los pasillos, si son absolutos o relativos, si estas creando documentos de la Web? Porque el pasillo es la parte de la URL de un documento de la Web que da la localizaci�n del documento en el servidor donde reside. As� como la localizaci�n de un archivo puede ser dado relativo a la localizaci�n de otro archivo, o puede ser dado como el pasillo absoluto a un archivo (el cual en realidad es la localizaci�n relativa de un archivo al directorio matrix de la computadora), as� que la porci�n del pasillo de la URL de un documento tambi�n puede ser especificada como relativa a la localizaci�n de otro documento o en t�rminos de una localizaci�n absoluta. En el �ltimo caso, uno se refiere a un URL absoluto, y es dado, no en t�rminos de la localizaci�n relativa a la matrix de la computadora, pero en t�rminos de la base del directorio para todos los documentos html. Este directorio a menudo se le conoce como el la ra�z del documento html.

Para determinar la porci�n apropiado del pasillo de un documento URL absoluto, uno necesita conocer su pasillo de directorio en el servidor, relativo a la ra�z del documento html. Si el servidor es una m�quina Windows, tiene un pasillo de la forma de la que hablamos anteriormente. Para obtener la porci�n del pasillo del URL absoluto del documento, simplemente:

1. …escribe el pasillo del directorio del archivo relativo a la ra�z del documento directorio de html.
2. …reemplaza cada backslash en el pasillo con un forward slash

Para obtener una URL absoluta completa, combina esta parte del pasillo con el nombre anfitri�n y la tirilla (http://; ftp://; etc.) que te da el m�todo de acceso.

Para determinar el URL de documento A con relaci�n a documento B, simplemente escribe el pasillo del directorio de A con relaci�n a B y reemplaza cada backslash con un forward slash.

As� que, te preguntar�s, tengo que preocuparme con los slashes y los backslashes? Porqu� simplemente no utilizamos uno u el otro para ambos pasillos del directorio y URL? La contestaci�n depende en el hecho de que URL y navegadores de la Web primeramente fueron desarrolladas en m�quinas Unix. Ah�, el forward slash es usado en pasillos de directorios y naturalmente se pasaron hacia los URL. Desafortunadamente, el backslash ya pose�a un historial largo sirviendo como el delimitador en pasillos de directorios en el mundo de las PC, as� que retuvo su papel a�n despu�s de que las m�quinas Windows comenzaran a ser usadas en los servidores de la Web. Consecuentemente, en el ambiente Windows, uno tiene que usar dos s�mbolos diferentes, mientras que en el mundo Unix uno apenas tiene que usar uno solo.

Claramente, direcciones absolutas y relativas tienen, cada una, sus ventajas y desventajas, pero cuando se refiere a producir p�ginas en la Web, es aconsejable hacer direcciones a archivos de direcciones relativas en la misma m�quina a menos que existan circunstancias dictando lo contrario. Entonces, si los directorios conteniendo tus p�ginas de la Web son movidos intactos a otra m�quina los enlaces entre �stos archivos deben trabajar sin ning�n problema. Si, en vez, los archivos son especificados por sus direcciones absolutas, los enlaces a archivos locales en tus directorios se "romper�" cada vez que muevas los archivos, por que las direcciones absolutas generalmente cambiar�n. Reparando estos enlaces rotos es una tarea que puede consumir mucho tiempo si tu direcci�n envuelve muchos directorios.

Vamos a usar tus expedientes y archivos de tu p�gina para ilustrar la diferencia entre direcciones de URL absolutas y las relativas. Abre el archivo de tu p�gina y haz lo siguiente:

1. Crea un expediente nuevo dentro del archivo de tu p�gina; n�mbralo "gifs".
2. Usa el navegador para ir a la direcci�n

http://csep10.phys.utk.edu/next.gif

Guarda la imagen que se muestra en el archivo de tu p�gina con el nombre por omisi�n de "next.gif" oprimiendo el bot�n de la derecha del rat�n y aguant�ndolo encima de la imagen, seleccionando "Save Picture as" y escogiendo el archivo de tu p�gina del encasillado de di�logo resultante.

3. Usa el navegador para ir a la siguiente direcci�n

http://csep10.phys.utk.edu/previous.gif

Guarda la imagen mostrada en el archivo de "gifs" que tu creaste dentro del archivo de tu p�gina con el nombre por omisi�n de "previous.gif" (NOTA: lee las instrucciones detenidamente; este archivo va a un archivo diferente que el del paso anterior!).

4. Abre el archivo index.html de tu p�gina con el editor e inserta el siguiente c�digo de HTML en un lugar conveniente:

<h2> Examples of Absolute and Relative URL's </h2> This image has an absolute address of "?": <p> <img src="?"> <p> This is the same image displayed with a relative address "next.gif": <p> <img src="next.gif"> <p> Here is another image in a subdirectory "gifs" of the resent directory; it is displayed using therelative address "gifs/previous.gif" <p> <img src="gifs/previous.gif"> <p>

Guarda el archivo de tu p�gina, pero deja el archivo abierto en el editor.

5. Del men� de "File" usa el "Open" para abrir la imagen de "next.gif" guardada en el archivo de tu p�gina. Copia la direcci�n que aparece en la ventana de "Address" con el rat�n. Esta es la direcci�n de URL absoluta del archivo de tu m�quina. Normalmente parecer� como algo as�:

file://C:/myfolder/next.gif

(pero el camino exacto del directorio depender� de tu m�quina). Ve al archivo de tu p�gina que a�n est� abierta en el editor y REEMPLAZA LAS DOS OCURRENCIAS CON EL SIGNO DE INTERROGACION (?) CON LA DIRECCION DE URL QUE ACABAS DE COPIAR CON TU RATON. Guarda el archivo de tu p�gina y cierra el editor.

Nota Adicional: La direcci�n de URL anterior es la forma de direcci�n de URL de un archivo de la misma m�quina que el navegador. La parte "file://" nos lo dice. Despu�s le sigue la direcci�n absoluta del archivo de la m�quina. En el ejemplo arriba mencionado la direcci�n absoluta es C:\myfolder\next.gif.