lebyrus

Organización del sitio

Es más que probable que un sitio web esté formado por cientos o miles de páginas y ficheros, con lo que es conveniente un buen planteamiento de reglas para manejar dichos ficheros, previendo su crecimiento.

Lo habitual es tener un repositorio local de ficheros para el desarrollo de local, y cuando se sube al servidor, se sube una réplica de dicho repositorio, siempre como ficheros individuales. La clave está en estructurar todos los ficheros para que sea más sencillo trabajar con cada proyecto. Después, es necesario alguna nomenclatura que añada legibilidad, evite problemas con el servidor, y ayude a manejar la complejidad del proceso de desarrollo web.

Nuestra estructura es clave, ya que la relación entre las distintas páginas y recursos se basan en rutas relativas entre los distintos ficheros, y si éstos cambian de lugar, los enlaces se rompen.

Una vez que una página se ha subido al servidor, es importante no cambiar el nombre de dicha página, o borrarla, siempre que sea posible, ya que si está enlazada desde cualquier otro sitio (o indexada por un buscador) dará un mensaje de error.

Una manera común de organizar los recursos de una web es creando directorios que reflejen la estructura lógica del sitio, y colocando la página inicial en la raíz del sitio.

También es habitual separar los diferentes tipos de contenido, por ejemplo, colocando los ficheros de imágenes en directorios separados de los ficheros HTML. Una de las razones es que dichos ficheros de imágenes pueden ser accedidos desde distintas páginas, y no es necesario hacer distintas copias para una misma imagen. Lo mismo ocurre con las hojas de estilo, que deben ser compartidas siempre que sea posible.

Es importante entender, sobre todo para los más novatos, que un sitio siempre reside en un directorio raíz, nunca desperdigado por todo el disco duro.

Nombres de ficheros y directorios

Si bien es cierto que ni Windows ni MacOS son sensibles a las minúsculas y mayúsculas, los sistemas Unix/Linux sí lo son, con lo que el uso indistinto de éstas provocaría enlaces rotos en estos sistemas, a pesar de que en nuestro disco duro funcionan perfectamente.

Es por ello que mucha gente prefiere usar sólo minúsculas (al igual que cuando escribimos elementos y nombres de atributos de XHTML), y así evitan cualquier tipo de confusión.

Otro aspecto a tener en cuenta es que los espacios no son siempre aceptados en los nombres de ficheros. Lo habitual es usar algún carácter separador como el guión ("-") o el subrayado ("_").

En google.dirson.com recomiendan que usemos guiones ("-"), ya que sospechan que Google valora como palabras clave las que aparezcan en la URL y separadas por guiones. Nicolás Fantino, sin embargo, piensa que también las reconoce aún cuando estén separadas por subrayados. (pero no encuentro dónde lo dijo.)

Evidentemente, también hay que evitar cualquier carácter extraño (ñ, tildes, signos de puntuación, etc.).

Se recomienda que el nombre de cada fichero sea descriptivo, nada de abreviaturas o nomenclaturas criptográficas.

En Windows es más que recomendable tener activada la opción de ver las extensiones de los ficheros, ya que en el caso contrario, no se distinguiría entre ficheros .htm y .html, y podría provocar nuevos errores en los enlaces.

Aquí es necesario recordar que la extensión .htm viene de las versiones antiguas de windows, cuyas extensiones no podían superar los tres caracteres. Tendría más sentido, por tanto, el uso de .html.

Y por último, recordar que la página principal suele llamarse index.html, ya que es el nombre de fichero por defecto en más de un servidor web, y es la que se sirve si se omite el nombre del fichero y sólo se usa el nombre del directorio.

Resumen de la 5ª semana del curso de HTML y XHTML para CSS de Westciv