Vous êtes maintenant convaincu des nombreux avantages des applications Web conformes aux standards W3C et voulez passer à l'action. Cette présentation se veut une aide de départ pour les développeurs et architectes dont le mandat est de créer ou maintenir des sites ou applications Web.
Le passage du code propriétaire aux standards Web est aux interfaces Web ce que le passage de la programmation procédurale à l'orienté objet a été aux systèmes d'entreprise.
Il est important de bien comprendre la séparation de la structure, de la présentation et du comportement pour retirer le maximum des standards Web.
Structure : paragraphes, sections, listes, entêtes, tableaux
Présentation : polices, positionnement, alignement, couleurs
Comportement : cliques, chargement
Point de vue développeur
Note : le mandat n'inclut pas l'amélioration de l'ergonomie du site, même si l'utilisation des standards peut aider.
La validation doit faire partie de l'assurance qualité
HTML 4.01 :
XHTML :
Le DOCTYPE : Strict, Transitionnel ou Frameset ?
Pourquoi le DOCTYPE ?
CSS : Aucun fureteur n'est 100% conforme. La plupart de CSS1 et une bonne partie de CSS2 sont utilisables. Le choix d'un standard CSS n'est pas mutuellement exclusif. CSS2 est compatible de façon descendante au CSS1, simplifiant ainsi la validation.
Javascript : Presque tous les fureteurs sont compatibles avec les dernières versions de Javascript. Attention au DOM (Document Object Model) et Netscape 4.x (try catch). Pour certaines foncitonnalités, il est nécessaire de cacher certains scripts à certains fureteurs.
DOM (Document Object Model): certaines extensions propriétaires sont trop utiles et répendues pour être ignorés ex : "innerHTML". Elles n'affectent pas la validation du site, elles ne sont donc pas déconseillés complètement. Les fureteurs conventionnels supportent presques tous le DOM Level 1.
Notez qu'il est déconseillé de baser l'utilisation d'un site Web sur le javascript, particulièrement pour l'accès aux documents Web.
Choix standard vs fureteur planché : La question ne se pose plus lorsqu'on utilise les standards. L'important est de comprendre l'avantage de visuels différents selon des clients différents. Avec les standards W3C, chaque clients (fureteur conventionnel, voix, texte seulement, cellulaire, organisateur électronique, très vieux fureteur, imprimante, aura le rendu qui lui sera la plus approprié.
Pourquoi essayer d'avoir le visuel au pixel parfait quand le Web n'est pas fait pour cela, ou quand Netscape 4.X est trop lent et impose des limites?
Choisir son encodage : UTF-8 ou ISO-8859-1 ?
http://c-rdi.qc.ca : Le carrefour des ressources didactiques informatisé.
Point de vue code le site n'est pas si mal en point, car les pages sont simples et ne sont pas très lourdes.
Sans aucune modification, la validatrice refuse de faire son travail!
En ajoutant l'encodage, la validatrice du W3C donne beaucoup d'erreurs. Il ne faut pas perdre espoir!
Enlever:
Pour XHTML
L'intégration à votre environnement serveur (PHP, Java, .NET ou autre) se fait de façon continue.
Attention aux gestionnaires de contenu!
Quels sont les entêtes de votres site ?
Y-a-t-il de vrais tableaux ?
L'utilisation des paragraphes est-elle bonne?
Les listes
Pensez à la sémantique...
Note : l'ordre des éléments pourrait être amélioré.
Le modèle de boîte
Choisir le positionnement : Dans la mesure du possible, une modification de positionnement ou de grandeur d'un élément ne devrait pas demander une modification à un autre.
Attention au padding, les fureteur ne le gèrent pas tous de la même façon (mode quirk et mode standard, voir DOCTYPE)
Interprétation différente des standards : particulièrement IE5.0 et IE5.5, mais aussi les autres
Étant donné la nature plus formelle de ces tests, il est possible de tester sous plusieurs fureteurs et de documenter ces tests
Il est évident que les plate-formes plus utilisés seront plus testés
L'expérience démontre que le développement d'un site avec Mozilla, mais extensivement testé sur Internet Explorer, donne de très bon résultats avec un minimum de tests.
La validation du site par la validatrice du W3C doit faire partie d'un critère d'acceptation
La section General Punctiation Block de Unicode contient plusieurs guillemets, apostrophes et tirets très utiles
Ressources:
Pour commencer:
Copyright 2004 Benoit Piette, certains droits réservés. Remerciements à l'équipe du W3Québec.
Point suivant>> <<Point précédent >Table des matières <