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.