Créer un site aux normes de la W3C

La mise en place de la nouvelle version du site du Club Hôtelier Clermontois (hôtel clermont ferrand) a été une fois de plus le moyen de tester mes capacités à mettre en place aux normes de la W3C. Je suis plutôt content du résultat car aucune erreur importante n’était présente à la fin du développement (quelques erreurs de nom mais c’était vraiment basique). Et la conséquence principale est que le site est à 98% identique que ce soit sur ie, safari ou firefox : je n’ai donc pas eu à passer de longues heures à adapter le site aux différents navigateurs.

Et ça fait plaisir …

Il aura quand même fallu 5 ou 6 sites sur lesquels j’ai lutté pour obtenir un résultat viable sur tous les navigateurs et avec un code propre. J’arrive donc officiellement à coder proprement en XHTML 1.0 (1.1 si je n’utilise pas de map), la lecture de livres sur le css m’a d’ailleurs bien aidé. Je vais donc pouvoir passer à l’ajax dans quelques mois (sur un très gros projet) en combinaison avec le php5.

L’adaptation des navigateurs

La création de site Internet demande une certaine rigueur, en effet de nombreux éléments sont à prendre en compte :

  • respect des normes W3C
  • respect des normes d’accessibilité
  • cohérence avec les besoins / volonté du client
  • quel que soit le navigateur l’affichage doit être cohérent

Et c’est bien sûr ce dernier point que le travail technique est le plus compliqué. En effet l’arrivée de Vista (et son infiltration dans le marché) rime avec la montée en puissance d’internet explorer 7. Il va donc falloir effectuer les tests d’affichage sur un navigateur supplémentaire, c’est à dire :

  • internet explorer 5
  • internet explorer 6
  • internet explorer 7
  • firefox
  • safari

Ce travail long et fastidieux est de plus en plus lourd à gérer et augmente de manière significative le travail à effectuer pour mettre en place un site internet cohérent. Je n’ai pas encore testé internet explorer 7 mais je vais m’y mettre dès demain, en espérant que l’annonce faite sur le respect des normes correspond à une réalité qui permettra une cohérence avec les navigateurs qui offrent quasiment le même rendu des normes (firefox, safari).

Csszengarden : une bibliothèque de style css

Ce site est une vraie démonstration des capacités des CSS et des choses qu’on peut faire avec. Csszengarden permet de naviguer à travers de nombreux designs plus magnifiques les uns que les autres, la seule volonté de ce site est de présenter des designs, il n’y a pas de contenu et encore moins de technique.

Ma sélection :

  • Dazzling beauty www
  • Icicle outback www
  • Zen City Morning www
  • Obsequience www
  • Chien www

X/HTML 5 ou XHTML 2 ?

Voilà un très bon billet sur le futur des normes W3C, c’est sur le blog de Damien ALEXANDRE que ça se passe et plus particulèrement dans ce billet. Personnelement je serais plutôt pour le XHTML 2, mais comme le précise Alexandre, on peut mettre en place toutes les normes que l’ont veut il faudra avant tous les que les navigateurs les implémente.

Normes W3C et la validation

De nombreux outils existent pour valider ses pages et ainsi vérifier qu’elles sont aux normes. Le site de la W3C propose un outil qui validera votre page et vous indiquera les erreurs commises. Mais pour valider un site complet cet outil est vite limité puisqu’il faudra effectuer une vérification par page.

Pour valider un site entièrement et simplement il existe cet autre outil qui permet de valider toutes les pages d’un site. Une fois l’analyse finie vous obtiendrez pour chaque page le nombre d’erreur et un lien vers le site de la W3C pour visualiser les erreurs. Ce validateur est redoutable …

On peut aussi valider ses fichier css directement à partir du site de la W3C ce qui permet de vérifier que la syntaxe est correcte, c’est ici que ça se passe.