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
    • contacto.html
      Documento HTML
    • imagenes.html
      Documento HTML
    • index.html
      Documento HTML

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

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
      • yo
        Carpeta
        • imagenes
          Carpeta
        • bio.html
          Documento HTML
        • contacto.html
          Documento HTML
        • imagenes.html
          Documento HTML
      • index.html
        Documento HTML
    • contacto.html
      Documento HTML
    • index.html
      Documento HTML

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.

123Next