Valider et rendre son site conforme W3C

Universel, Accessible, Référençable ...

Les avantages des standards du WEB

Rendre un site valide W3C n'est pas chose aisée et l'on doit prévoir les contraintes techniques dès le départ. C'est pour cela que l'on fait appelle à des Webdesigner ainsi qu'a des intégrateurs HTML spécialisés dans les normes W3C et WAI.

Des règles bien précises sont préconisées par le W3C, organisme international qui impose de plus en plus ses standards pour rendre le Web accessible, universel et durable.

Aujourd'hui, des sociétés comme Microsoft, Apple, la fondation Mozilla, Opéra, respectent les standards et sont à l'écoute du W3C.

 

« Les standards Web veulent servir de base commune... de fondement au Web pour que les navigateurs et les autres logiciels puissent comprendre le même vocabulaire de base. » Eric Meyer (fondateur du W3C)

 

Les étapes pour créer un site valide W3C

1ere étape : choisir sa DTD

La DTD est un document contenant les règles d'écriture de la page Web. On utilise principalement 2 DTD : la "XHTML 1.0 transitionnel" qui est plus souple pour les développeurs et la "XHTML 1.0 Strict" qui est plus rigide dans son code, cette dernière permet d'obtenir un code plus robuste et d'éliminer le maximum de fautes de syntaxe.

On évitera d'utiliser une forme sous tableau et le HTML 4.01 car ce langage manque de rigueur.

Exemple de DTD :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

2d étape : L' architecture de son fichier HTML

De l'architecture des pages dépendra la lisibilité de votre site Web quelque soit la nature du périphérique utilisé.

Y seront rattachés : les feuilles de style (ou "fichiers CSS") pour la mise en forme graphique du site, les JavaScript pour rendre les blocs de contenus dynamiques et les scripts côté serveur (PHP, ASP, JS ...) pour manipuler une base de données.

L'architecture d'une page HTML doit être bien pensée non seulement pour respecter la hierachisation des contenu, mais aussi pour obtenir une page structurée de façon intelligente.

Il est aussi indispensable de réfléchir à l'accessibilité (pour les personnes souffrantes d'handicaps visuels ou moteurs) ainsi qu'au rendu des pages sur divers périphériques de sorties (écran, imprimante, télé, PDA ...). On réfléchira notamment à la bonne utilisation des balises d'accessibilité en évitant de créer "une soupe de balises inutiles ".

> En savoir plus sur les avantages du langage XHTML

3eme étape : la présentation du contenu avec la CSS

Séparons la structure d'un document et sa représentation graphique !

L'un des objectifs majeurs des feuilles de style est de séparer la structure d'un document de sa représentation graphique dans un fichier externe.
Cette dissociation permet de changer/modifier/ajuster la structure d'une page Web et d'optimiser son accessibilité.

L'autre grand avantage est de pouvoir décliner la présentation des pages selon le type de périphérique utilisé. Ainsi, le périphérique utilisera automatique la feuille de style qui lui correspond (écran d'ordinateur ou de télévision, imprimante, lecteur de braille, PDA ...)

> En savoir plus sur le montage full CSS ( tableless - sans tableau)

4eme étape valider et corriger ses pages HTML

La validation et un processus qui consiste à vérifier la conformité d'un document. On utilise un validateur pour tester les pages de son site Web, la validateur dresse la liste des codes à corriger et si le document passe le test avec succès alors il peut être considéré comme valide.

ATTENTION : Le validateur ne teste pas la sémantique des pages Web.

Pour valider une page Web, le W3C met à la disposition des développeurs des outils de validation sur son site :

 
 

Votre webdesigner est disponible

Pour tous vos travaux en Webdesign, n'hésitez pas à faire appel à mes services.

Mes services Webdesigner Freelance

Votre intégrateur HTML

Afin de vous assurer un parfait découpage des éléments issus de vos maquettes, je vous propose mes services d'intégrateur HTML...

Mes services d'intégrateur HTML

Mes références

Pour recevoir mes références en Webdesign, merci d'en faire la demande en utilisant le formulaire de contact.

Me contacter pour obtenir des références

 
 

mise à jour : 22 février 2010