Mise en œuvre dans un projet professionnel
QUATRIÈME PARTIE
202
Un travail en trois étapes et tester sous tous les navigateurs
Pour que nos documents web s’affichent correctement sur la plupart des navigateurs,
nous nous conformerons à une méthode en trois étapes :
1 Établir une structure (HTML ou XHTML) claire, fonctionnelle même nue. Un
document web se doit en effet d’être lisible sans mise en forme (CSS), scripts
( JavaScript) ou plug-ins (Flash). On respectera les principes fondamentaux exposés sur le billet de blog http://blog.alsacreations.com/2004/06/28/33-principes-fondamentaux, selon lesquels un bon code HTML se doit d’être propre, compréhensible, simple, pertinent, accessible. On contrôlera la grammaire (X)HTML des
documents produits avec le validateur du W3C.
2 On passe ensuite à la mise en page générale, en écrivant des styles CSS conformes
aux standards du W3C et en testant régulièrement le document sur les navigateurs qui respectent le mieux ces normes (par exemple Firefox, Opera, Safari).
Tous les validateurs syntaxiques automatiques (CSS et accessibilité, mentionnés
dans l’annexe) devront être satisfaits.
3 C’est le moment de composer avec les mauvais élèves (Internet Explorer et les
anciens navigateurs). On devra pour cela simplifier les CSS, recourir à certaines
bidouilles, ou ignorer les soucis de leurs utilisateurs (tant que le public véritablement
ciblé par le projet est satisfait). Il n’est pas toujours possible de s’adapter à la fois aux
navigateurs antiques et aux exigences d’accessibilité posées par les handicaps.
Les validations syntaxiques automatiques, même assurées par le W3C, ne forment
qu’une condition nécessaire ne garantissant pas un affichage identique partout.
Chaque navigateur présente ses propres bogues et spécificités, comme la taille par
défaut des marges.
Les outils suivants vous permettront de tester le site web sur certains navigateurs ou
plateformes pas toujours faciles à se procurer :
• Tester son site web sous Mac (Safari) :
http://www.browsrcamp.com/
• Tester son site sous Lynx (navigateur en mode texte) :
http://www.delorie.com/web/lynxview.html
• Versions autonomes d’Internet Explorer pour toutes plates-formes :
http://tredosoft.com/Multiple_IE
• Tester son site sur assistant numérique personnel Palm :
http://www.palmos.com/dev/tools/simulator/
QUATRIÈME PARTIE
202
Un travail en trois étapes et tester sous tous les navigateurs
Pour que nos documents web s’affichent correctement sur la plupart des navigateurs,
nous nous conformerons à une méthode en trois étapes :
1 Établir une structure (HTML ou XHTML) claire, fonctionnelle même nue. Un
document web se doit en effet d’être lisible sans mise en forme (CSS), scripts
( JavaScript) ou plug-ins (Flash). On respectera les principes fondamentaux exposés sur le billet de blog http://blog.alsacreations.com/2004/06/28/33-principes-fondamentaux, selon lesquels un bon code HTML se doit d’être propre, compréhensible, simple, pertinent, accessible. On contrôlera la grammaire (X)HTML des
documents produits avec le validateur du W3C.
2 On passe ensuite à la mise en page générale, en écrivant des styles CSS conformes
aux standards du W3C et en testant régulièrement le document sur les navigateurs qui respectent le mieux ces normes (par exemple Firefox, Opera, Safari).
Tous les validateurs syntaxiques automatiques (CSS et accessibilité, mentionnés
dans l’annexe) devront être satisfaits.
3 C’est le moment de composer avec les mauvais élèves (Internet Explorer et les
anciens navigateurs). On devra pour cela simplifier les CSS, recourir à certaines
bidouilles, ou ignorer les soucis de leurs utilisateurs (tant que le public véritablement
ciblé par le projet est satisfait). Il n’est pas toujours possible de s’adapter à la fois aux
navigateurs antiques et aux exigences d’accessibilité posées par les handicaps.
Les validations syntaxiques automatiques, même assurées par le W3C, ne forment
qu’une condition nécessaire ne garantissant pas un affichage identique partout.
Chaque navigateur présente ses propres bogues et spécificités, comme la taille par
défaut des marges.
Les outils suivants vous permettront de tester le site web sur certains navigateurs ou
plateformes pas toujours faciles à se procurer :
• Tester son site web sous Mac (Safari) :
http://www.browsrcamp.com/
• Tester son site sous Lynx (navigateur en mode texte) :
http://www.delorie.com/web/lynxview.html
• Versions autonomes d’Internet Explorer pour toutes plates-formes :
http://tredosoft.com/Multiple_IE
• Tester son site sur assistant numérique personnel Palm :
http://www.palmos.com/dev/tools/simulator/