Importante restructuration du site

D'abord dans l'utilisation des CSS, ce qui ne n'affecte en rien les visiteurs (enfin presque: voir la mise à jour des tests du site). Il y avait de nombreuses redondances dans la déclaration de chaque thème; les différences étant essentiellement des changements de couleurs, j'ai donc construit un fichier CSS par défaut qui fait office de squelette; les thèmes en eux-mêmes ne font plus maintenant que modifier la charte des couleurs.

J'en ai dés lors profité pour changer de maquette. A noter que ce changement est essentiellement le résultat d'une modification des fichiers CSS. La structure des pages HTML n'a pas été touchée, en tout cas pas pour permettre la nouvelle mise en page. L'unique manipulation du code s'est limitée au changement du nom des pages, à une réécriture des menus pour regrouper sémantiquement le menu horizontal et le menu gauche (quoique je ne sois pas sûr que mon utilisation des listes de définition soit vraiment valable) et à l'ajout du texte Maintenance en bas de chaque page. Bon, j'ai dû tripatouillé un peu les images d'en-tête, mais je le répète, rien sur le code HTML. Les bordures verticales en bas de page sont bien sur obtenues grâce aux bords de la nouvelle boîte maintenance, mais on arrive au même résultat sans cette boîte en définissant un trait vertical bien placé en tant qu'image de fond de la boîte centre et en ajustant convenablement le padding de la boîte bouton_w3c avec une bordure droite. Voilà donc une parfaite illustration de la puissance et de l'utilité des CSS.

J'ai d'ailleurs appris quelque chose à cette occasion. Pour utiliser les feuilles de styles, il faut les déclarer dans le Head de la page HTML avec un code du type:

<link rel="stylesheet" type="text/css" media="screen" href="styles.css">

Vous devez ainsi déclarer toutes les feuilles. Et bien l'ordre de cette déclaration est important pour appliquer convenablement les styles, surtout quand la mise en page utilise plusieurs fichiers CSS par défaut (dans mon cas deux: le squelette et le thème choisi).

Autre découverte, celle-ci plus problématique: j'ai voulu transformer le menu de navigation gauche en position: fixed, ce qui aurait permis de le garder à l'écran lorsque l'on descend dans la page. Comme toujours, si je n'ai eu aucun problèmes lors des tests sous Mozilla ou Opera, Internet Explorer n'en a bien-sur fait qu'à sa tête. Qu'il ne supporte pas la position: fixed quand celle-ci est appliquée à autre chose que le body, passe encore, mais qu'en plus il ne garde pas le sous-menu à sa place, c'est-à-dire dans la colonne gauche, c'est beaucoup plus embêtant, car je me suis retrouvé avec une barre de menu horizontale totalement déformée. J'ai hésité un moment à jouer les gros c## et me fout### complètement de l'apparence du site sous IE tellement cela m'agace, mais je suis revenu à plus de mesure, en tablant sur l'intelligence des dizaine de milliers - que dis-je - des millions de personnes qui visitent chaque jour le site (quoi?! On peut rêver, non?), qui découvriront j'en suis sur tous les bénéfices qu'ils retireraient à utiliser des navigateurs qui respectent les standards web.

L'autre changement est plus important, et risque de gêner quelques internautes. Je sais, je sais: ces changements à répétition ne facilitent pas la fidélisation, ni le référencement dans les moteurs de recherche et les annuaires. J'aurai d'ailleurs du dés le départ signaler que le site est encore en construction, et qu'il ne manquerait pas d'évoluer dans les premiers mois de sa mise en ligne.

Pour en revenir à ces changements, il s'agit essentiellement de faciliter la gestion et la mise à jour des pages. Étant donné qu'il m'est impossible d'utiliser une base de données et un logiciel de publication en ligne qui automatiserait la division en rubriques et sous-rubriques, j'ai du modifié la structure du site pour "mimer" ce type de structure. Cela se traduit donc par la création de répertoires et, nouveauté par rapport à la version précédente, de sous-répertoires. Des pages ont donc été déplacées et presque toutes ont été renommées. Les pages d'accueil de chaque répertoire sont notamment renommées index.html. Ceci permet d'accéder à une rubrique ou une sous-rubrique simplement en tapant le nom de son répertoire dans la barre d'adresse.

Mille excuses donc aux personnes qui ont référencé ou établit des liens vers certains articles du site, car non seulement les pages ont été déplacées, mais elles ont aussi changé de nom. Pour éviter d'ajouter la frustration au désarroi, je garderais des pages de redirections des anciennes adresses vers les nouvelles. Cette fois-ci, promis-juré-craché, c'est la dernière manip de ce genre (hum, me semble avoir déjà dis ça...)