Organizando un sitio web
Este tutorial está diseñado para dar algunas ideas sobre cómo los archivos de un sitio web (documentos, imágenes, videos, etc.) pueden ser distribuidos en directorios y cómo los recursos pueden hacer referencia unos a otros desde estas diferentes ubicaciones.
Estructura de directorios
Al margen de las preferencias personales, las formas en que un sitio web puede ser organizado depende fuertemente de su tipo y alcance. En este tutorial analizaremos algunos modelos que pueden ayudarte a organizar los archivos de tu sitio web y hacer de su actualización un trabajo placentero.
Puede ser definitivamente una buena idea crear un directorio en tu computadora para cada proyecto que comiences. Entonces, todo archivo de un sitio web caerá en algún lugar dentro de su correspondiente carpeta, independientemente de la estructura interna que diseñes para ellos. Habiendo dicho esto, es importante que no crees vínculos en tus documentos a recursos fuera de la carpeta del sitio, ya que estas son propensas a ser trasladados, especialmente si consideras la idea de hacer público tu sitio web.
Acerca del diseño de la estructura interna de tu carpeta, deberías considerar que poner todos los archivos en el directorio principal (también denominado "raíz") puede estar bien para un sitio pequeño (digamos, 5 páginas y 3 imágenes). Pero si tienes que manejar 20 páginas y 200 imágenes, ese modelo organizacional puede convertirse en un serio problema y darte dificultades a la hora de encontrar un documento entre tantas imágenes. Entonces, lo que puedes hacer en tal situación, es comenzar a agrupar los archivos de alguna forma y colocarlos en diferentes directorios para hacer que tu sitio sea un poco más fácil de manejar y actualizar.
Estructura para sitios pequeños
Para sitios pequeños es mejor mantener la estructura de directorios simple. Por ejemplo, digamos que tienes un sitio donde muestras tus obras de arte: una colección de 5 imágenes diseñadas por tí mismo. Luego de considerarlo por un momento, decides que construirás una sola página para mostrar las imágeness, más la página de inicio y la de contacto. Esto hace un total de 3 paginas y 5 imágenes. No es mucho, así que puedes optar por la siguiente estructura de directorios:
- raiz
Carpeta- imagenes
Carpeta- imagen1.jpg
Imagen JPEG - imagen2.jpg
Imagen JPEG - imagen3.jpg
Imagen JPEG - imagen4.jpg
Imagen JPEG - imagen5.jpg
Imagen JPEG
- imagen1.jpg
- contacto.html
Documento HTML - imagenes.html
Documento HTML - index.html
Documento HTML
- imagenes
Como puedes ver, la estructura de directorios consiste de un directorio principal o raíz que contiene un sub-directorio llamado "imagenes". En este modelo organizacional pones todo tu arte en el directorio "imagenes" y todos los documentos en el "raíz".
Dividiendo en categorías
La estructura previa es clara y simple, y trabaja muy bien para los archivos que necesita contener. Pero suponte que, en los meses siguientes, continúas creando más obras de arte. Antes de darte cuenta, tienes 100 imágenes y comienzas a pensar que esta estructura de directorios está quedando obsoleta, en la medida que has colocado más de cien archivos en un solo directorio.
En este escenario, Una solución viable podría ser la división de tus imágenes en grupos temáticos: "flores", "personas", "animales", "fantasia" y "surrealismo". De este modo puedes mostrar todas las imágenes correspondientes a una categoría en una sola página, tienendo una página por cada categoría. Veamos cómo luce esto.
- raiz
Carpeta- images
Carpeta- animales
Carpeta - fantasia
Carpeta - flores
Carpeta - personas
Carpeta - surrealismo
Carpeta
- animales
- animales.html
Documento HTML - contact.html
Documento HTML - fantasia.html
Documento HTML - flores.html
Documento HTML - index.html
Documento HTML - personas.html
Documento HTML - surrealismo.html
Documento HTML
- images
Puedes poner ahora, cada imagen en su correspondiente directorio, obteniendo un promedio de 20 imágenes por directorio. Y más aún, estos directorios pueden ser subdivididos: por ejemplo, el directorio, "animales" puede contener sub-directorios como "pajaros", "caballos" o "felinos".
Pero justo cuando comienzas a sentirte bien con esta estructura, agregando y agregando nuevas categorías según es necesario, tus amigos comienzan a pedirte que les des la oportunidad de mostrar sus trabajos en tu sitio. Te gusta mucho esta idea, pero luego de un poco de consideración, te das cuenta que la estructura de directorios actual no será suficiente.
Dividiendo en sub-sitios
Una buena idea para resolver el problema presentado en el párrafo anterior es utilizar los modelos propuestos en las secciones anteriores pero como sub-seccones del sitio, teniendo como resultado un pequeño sitio para cada uno de los artistas que muestra sus trabajos en él. En este esquema, cada artista tendrá un directorio con todas sus imágenes y páginas organizadas apropiadamente. Echemos un vistazo a esto, para poder continuar mejor con una imagen más clara.
- raiz
Carpeta- artistas
Carpeta- isaac
Carpeta- imagenes
Carpeta - bio.html
Documento HTML - contacto.html
Documento HTML - imagenes.html
Documento HTML
- imagenes
- yo
Carpeta- imagenes
Carpeta - bio.html
Documento HTML - contacto.html
Documento HTML - imagenes.html
Documento HTML
- imagenes
- index.html
Documento HTML
- isaac
- contacto.html
Documento HTML - index.html
Documento HTML
- artistas
Ahora, presta atención a la carpeta "artistas". Esto es un agregado que provee organización y posibilidades de expansión, haciendo a la estructura más flexible frente a la inclusión de nuevos artistas. Y el archivo "index.html" dentro de la carpeta "artistas" contiene un documento que muestra a todos los artistas presentes en el sitio. Colocar este archivo allí resulta apropiado en un sentido de pertenencia: es la lista de artistas; debería estar presente en el directorio "artistas".
Hasta aquí, has visto tres posibles estructuras para tres situaciones diferentes, pero existen muchas más. Podrías, por ejemplo, agregar categorías para las imágenes de cada artista o usar categorías primero y colocar a los artistas dentro de ellas.
Diseñar la estructura de archivos en un sitio web es acerca de encontrar soluciones a un problema de organización. Y una cosa particular acerca de las soluciones (o más específicamente, acerca de los enfoques) es que siempre hay más de una. De modo que los enfoques propuestos en este documento son, en su mejor instancia, una opción entre tantas.