The CSS Naked Day

Divers Web  /   /  By Désiré Dupas
0
0
0
0
0
0
0
0
0
Total
0
Shares

CSS Naked Day : Et si on se mettait tous nus ?
Et si on se mettait tous nus ?


Pourquoi pas ?Les beaux jours reviennent et les températures estivales arrivent petit à petit !Le moment idéal pour se dévêtir légèrement, plier nos lourds pull-overs d’hiver et de se prélasser en terrasse, nu-bras nu-jambes devant une boisson rafrâichissante.Le web se met aussi à l’heure d’été et va même plus loin que se dévêtir légèrement : il se met carrément tout nu !

Le 5 Avril , à l’initiative lancée par Dustin Diaz visant à déshabiller totalement les sites web de leur feuille de style CSS (la feuille de vigne d’Adam), quelques 1500 sites se sont mis tous nus !

Le but de cette action , non des moins originale, était de promouvoir les standards du web.

Quelques explication sont nécessaires au plus néophytes d’entre nous.

Créer un site aux standards du web passe avant tout par séparer le code de la mise en page.

Le code, bien souvent du (X)HTML vise à « écrire » le contenu du site web à l’aide de balises. Par exmple une balise H1 pour un titre, une balise P pour un paragraphe, une balise LI pour une liste etc…etc…

En clair, le langage (X)HTML permet de structurer de façon logique l’information que l’on veut dispenser au lecteur du site web.

D’un autre côté, la feuille de style CSS (Cascading Style Sheet), vise à mettre en forme le contenu logique du site web : couleur, police de caractère, image de fond et autres éléments graphiques.

En résumé, la standardisation des sites web est à l’architecture ce que le (X)HTML est aux fondations, charpentes etc… et ce que sont les CSS à la finition, la peinture et le parachèvement.

Or, malheuresuement, encore aujourd’hui, beaucoup trop de sites ne sont pas « conformes » aux standards du web édictés par le W3C (World Wide Web Consortium).

Comme le dit si bien Jeffrey Zeldman dans son ouvrage « Design web : utiliser les standards : CSS et XHTML« , 99,9% des sites web sont obsolètes.

En effet, la plupart de ceux-ci ne divisent pas leur mise en page sous forme de code et de css.

Ils « mélangent » les deux. C’est à dire que leur code HTML contient aussi les propréiétes graphiques.

Un exemple de mise en page obsolète :

<H2 align= »right »><FONT color= »red »>Un sous-titre de niveau 2</FONT></H2>

Par contre, si l’on respecte les standards, notre code (X)HTML serait le suivant :

<h2>Un sous-titre de niveau 2</h2> (un code propre !)

et la feuille de style CSS contiendrait les propriétés de mise en page :

h2 { color: #FF0000; text-align: right; }

Quels en sont les avantages ?

Sachez qu’ils sont trés nombreux !

  • Séparation du contenu et de la mise en page
  • Economie de poids des pages et de la bande passante (quant on connaît le prix des hébergements, celà en vaut la chandelle)
  • Economie de temps pour modifier en quelques clics de souris TOUTE la mise en page d’un site (qu’il contienne 10 ou 1000 pages !)
  • Accessibilité des sites auprès des personnes handicapées
  • Accessibilité des sites aux différents navigateurs (pour autant que ces derniers respectent ldes standards…)
  • Meilleure intégration et référencement dans les moteurs et annuaires de recherche
  • Accesibilité du site sur tout type de terminal : GSM, PDA, Pocket PC, ….
  • …etc…

Comme vous le constatez, les avantages sont nombreux !

Voilà pourquoi CSS Naked Day s’est exprimé pour une standardisation des sites web et ce pour la seconde année consécutive.

Encore un exemple à suivre !

Pour poursuivre votre lecture nous vous joignons quelques liens :

0
0
0
0
0
0
0
0
0
Total
0
Shares
About the Author

Electronic Illusions, le blog. Création de sites Internet compatibles W3C. Spécialiste CMS et E-Commerce. Webdesign CSS, SEO, Référencement, Optimisation, Logos. Bruxelles

Related Posts

L’aventure vous est déjà certainement arrivée plus d’une fois : vous organisez un évènement et...

On vit une époque formidable. Jamais il n’a été aussi de facile de communiquer grâce à l’avènement...

En Octobre 2010 j’avais émis un « coup de gueule » contre le célèbre opérateur télécom suite à ma...