Introduction aux bonnes pratiques du design web
La période de développement des sites amateurs est révolue, les technologies XHTML et CSS permettent de créer ce que l'on peut enfin qualifier de sites de qualité professionnelle.
Ainsi, en plus du HTML l'approche des feuilles de styles (CSS) favorise la réflexion sur les contenus et sur leur hiérarchisation.
Comme toutes les technologies, HTML et CSS n'expriment leur potentiel que lorsqu'elles sont mises dans les mains de personnes qui en approfondissent la maîtrise.
Acquérir cette maîtrise technique prend du temps et suppose un
investissement initial.
Cependant, le temps que vous consacrerez dans ses technologies,
constitue à coup sûr un investissement utile et durable si vous voulez faire du développement de sites web une activité qui
aboutit
à de bons résultats.
C'est pourquoi, n'oubliez pas et persévérez, à travers les étapes, en suivant le fil conducteur proposé sur ce site : « apprenez avec moi en profitant de la pédagogie acquise au fil de mes formations et expériences professionnelles. »
Avant propos
Malgré plusieurs années d'existence, la conception de sites web
à l'aide des feuilles de styles CSS (Cascading Style Sheets) n'en
est encore qu'à ses balbutiements.
Certaines techniques anciennes – dont la fameuse mise en page à
l'aide de tableaux – reste encore solidement ancrées dans nos
habitudes.
Cependant, la technologie des feuilles de styles est pourtant depuis longtemps vivement conseillé
par l'organisme international gérant les langages et la
normalisation du Web,
le W3C (Worl Wide Web Consortium)
- lien
traduction en français.
Plusieurs
normes du W3C facilitent la compatibilité des pages et assurent
l'accès du site au plus grand nombre, y compris les personnes
handicapées et les utilisateurs de navigateurs alternatifs.
Les feuilles de styles CSS
font parti intégrante de ses normes !
Service W3C de validation de balisage : ici
HTML ou XHTML
XHTML n'est qu'une reformulation du HTML en XML, définition wiki.
XML est un méta-langage,
c'est à dire un ensemble de règle à
respecter pour qu'une grammaire de langage soit normalisé et par
conséquent universelle.
Le titre correct selon James Clark.
L'objectif initial est de faciliter l'échange automatisé de contenus entre
systèmes d'informations
hétérogènes (interopérabilité) :
Cela donne grosso
modo une grande régularité et un bon parenthésage du document.
Rien n'oblige un développeur à se conformer à une norme, mais
ce choix présente plusieurs avantages :
Sens et sémantique sur le Web
Les documents du Web seront d'autant plus accessibles et faciles à maintenir qu'ils seront balisés « sémantiquement »,
c'est à dire en fonction de leur structure logique et non pas en se focalisant sur l'aspect recherché.
Le fond et la forme
Voici la CLÉ, à savoir la séparation du fond et de la forme, avec HTML et CSS,
suite...
Haut de page
Auto-entrepreneur.
Access®, Excel®, Powerpoint®, Word® & Windows®
sont des produits et marques déposés
propriété de
Microsoft, Inc.
Photoshop® &
Dreamweaver
® sont des produits et marques déposés propriété de
Adobe System. |