Direcciones Relativas

HTML / Direcciones Relativas

Direcciones Relativas
(Relative Addresses)

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

Crea un expediente nuevo dentro del archivo de tu p�gina; n�mbralo "gifs".

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.

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!).

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 present directory; it is
displayed using the
relative address "gifs/previous.gif"
<p>
<img src="gifs/previous.gif">
<p>

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

C:\myfolder\next.gif, la cual es el tipo de direcci�n que tu ves en una PC. En una computadora Unix o Macintosh, donde los discos est�n generalmente dise�ados por nombres en vez de letras, puede ser que tenga la URL como:///maindisk/myfolder/next.gif,donde el archivo tiene una direcci�n absoluta de /maindisk/myfolder/next.gif. (La relaci�n entre las URLs y las direcciones de archivos se discutir� mas adelante en este cap�tulo).

La muestra de tu navegador debe mostrar algo similar a la muestra de "Now" de tu p�gina con el navegador.

Examples of Absolute and Relative URL's

This image has an absolute address of "file://c:/webcourse/next.gif":

This is the same image displayed with a relative address "next.gif":

Here is another image in a subdirectory "gifs" of the present directory; it is displayed using the relative address "gifs/previous.gif"

Estos ejemplos elementales ilustran la diferencia entre direcciones relativas y absolutas y como implementar direcciones relativas para las dos simples (pero com�n) casos donde el archivo recibiendo la direcci�n est� o en el mismo directorio que el archivo de HTML (ejemplo, el next.gif) o est� en un subdirectorio inmediato del archivo de HTML (ejemplo, el gifs\previous.gif). Como hemos visto anteriormente, es generalmente aconsejable usar direcciones relativas en tus p�ginas de Web para aumentar portabilidad.