Organización de la sede web |
||
| ||
Una vez que ya hemos diseñado cómo será la sede web, es preciso, entre otros aspectos, definir cuál será la estructura para tener clara la composición y la interrelación que hay entre los diferentes directorios y ficheros que englobarán toda la sede.
Es muy recomendable crear diferentes directorios en los cuales se distinga la información o los contenidos por tipologías, desde los más generales hasta los más específicos. No es nada recomendable mezclar los ficheros con las imágenes, los applets de java y todo tipo de información en un único directorio. Ordenar los diferentes ficheros y crear una estructura jerárquica más o menos extensa es mejor que tener una estructura caótica y con los diferentes tipos de ficheros mezclados.
Por ejemplo, si el usuario J. Serrano (/~jserrano) tiene una cuenta de usuario en el servidor (www.uoc.es
Cuando ya se conoce la estructura que tendrá la sede web, lo cual constituye el paso previo a su confección, tendremos que crear diferentes relaciones entre el contenido de los directorios para establecer vínculos internos en documentos o partes de documentos que estarán dentro de nuestra estructura, o vínculos a recursos externos. En estos casos, es conveniente hablar de la sintaxis correcta que hay que utilizar para hacer los vínculos. Por una parte, tendremos referencias absolutas y, por otra, referencias relativas.
En el primer caso, cuando se hace un vínculo a un recurso externo se debe especificar desde el protocolo de conexión y la dirección del servidor hasta el nombre del directorio en el que se almacena el nombre del fichero al cual se apunta. Por ejemplo, si se quiere hacer un vínculo a la página principal del usuario "baguilera", se indicará
http:// (protocolo de conexión), www.uoc.es (dirección del servidor), /pub/~baguilera/ (rango de directorios) e index.html (página solicitada para hacer el vínculo). Con este método, cualquier persona que apunte hacia este vínculo será conducida al mismo lugar. Si cuatro personas diferentes acceden a cuatro páginas distintas donde se encuentre este vínculo, las cuatro accederán al mismo recurso. Esto se hace cuando se quiere acceder a un documento o fichero de otra sede web diferente de la nuestra personal.En el segundo caso, se hacen referencias relativas cuando se especifican documentos o ficheros que pertenecen a la propia sede web. Su sintaxis se basa en dos símbolos:
|
.. . Los dos puntos se utilizan para indicar que se quiere regresar a un directorio de un nivel superior al directorio actual. |
|
/ La barra inclinada indica simplemente que se tiene como referente el directorio raíz. Si lleva un punto delante, señala que se accede a un fichero relativo al directorio actual, de la misma forma que si no se coloca la barra inclinada. |
Por ejemplo, según los directorios del gráfico anterior, si queremos crear vínculos relativos en diferentes directorios lo podemos hacer de la forma siguiente:
<A HREF="índice.html">...</A>: no especificamos nada porque ya estamos en el directorio raíz, que es /~jserrano.
Si en la página buscadores .htm queremos crear un vínculo a una página del directorio /juegos, lo haríamos así:
<A Href="../juegos/página_x.htm">...</A>, de manera que sólo subimos un nivel en el rango del directorio.
Si en la página buscadores.htm quiere crearse un vínculo a una página del directorio /pub, se haría de la forma siguiente:
<A Href="../../../pub/página_y.htm">...</A> , de forma que sólo subimos dos niveles en el rango del directorio.
En los dos casos se puede escribir todo el camino absoluto del vínculo, pero hacerlos relativos es más rápido y útil.
Como puede verse, el orden es muy importante en el momento de generar una estructura clara que nos ayudará a organizar y distribuir mejor el contenido de las páginas. Finalmente, hay que recordar que para almacenar ficheros gráficos es muy útil crear un directorio específico al que apunten las imágenes insertadas en una página web, porque esto facilita la gestión, el orden y la coherencia de la sede web. Este mismo sistema también puede aplicarse a ficheros específicos que no sean páginas web, como por ejemplo ficheros con código javascript ".js", plantillas de estilo de cascada ".css" o programas Java ".class".
