Intégration du site
Contrairement au domaine de l'impression ("print") ou votre document final est figé, la visualisation d'un site web fluctue en fonction des différents navigateurs (Internet Explorer et Firefox pour les plus utilisés) et des internautes (selon leur matériel ou leurs extensions installées). Il faut donc prendre un soin tout particulier à rendre votre site accessible à un maximum d'internautes dans un format convenable pour tous. Ce souci d'accessibilité et de présentation est possible à satisfaire en s'approchant autant que possible des standards web.
Comme vous le verrez dans la page référencement, le contenu est primordial pour votre site. Il sera mis en place grâce à un langage d'affichage, le XHTML, qui fonctionne assez simplement avec un système d'ouverture et de fermetures de balises. Il faudra ensuite mettre en forme tout ce contenu et c'est là qu'interviendront les feuilles de styles, codées en CSS.
Standards web
Les standards web sont définis par les normes du W3C. Ce W3C regroupe plusieurs groupes importants qui ont décidé de donner des "recommandations" pour éviter le développement anarchique des balises web. Auparavant, chaque navigateur tentait d'imposer ses balises ce qui posait des problèmes de compatibilité. Cette uniformisation permet d'avoir des sites sensiblement identiques et accessibles pour que les internautes puissent profiter correctement de ce service. Je m'efforce de rendre compatible les sites que je conçois dans la mesure du possible. Des validateurs W3C sont disponibles pour vérifier le respect de ces standards. Ceci garantit d'ailleurs une plus grande pérennité de votre site sans modifications majeures puisqu'il sera toujours bien "traduit" par les futurs navigateurs.
XHTML (contenu)
Le XHTML va permettre d'insérer du contenu dans vos pages. Il existe toute une série de balises qu'on doit ouvrir et fermer. Vous pourrez y mettre vos textes, liens, liens vers vos images, créer un tableau... Chaque balise a une utilité spécifique (on parle de sémantique) et certaines balises sont obsolètes : elles sont donc déconseillées par le W3C. Il existe globalement deux types de balises : celles dites "en bloc" qui met vos éléments les uns sous les autres et celles dites "en ligne" qui vont juxtaposer vos éléments les uns à coté des autres. Votre remplissage pourra être organisé grâce à des balises de titres et de paragraphe mais il restera encore à structurer le tout et le mettre en forme (placement, couleurs...). C'est la qu'interviennent les fameuses CSS !
CSS (styles)
Les CSS appelées aussi "feuilles de styles (en cascade)", vont permettre à la fois de placer chaque bloc de contenu mais aussi de les mettre en forme (taille, couleur...). Avant cela, le contenu devait être mis en forme en écrivant son style dans chacune des balises, ce qui était légèrement laborieux. Avec les CSS, il est possible d'uniformiser toutes les balises du même type en quelques lignes de code : la taille de police d'écriture, la couleur des liens, les espacements... Bref, un grand pas en avant vers la simplicité d'autant plus que cela est plus rapide à traiter pour les navigateurs. Grâce à ces feuilles de styles, on va pouvoir découper une maquette webdesign et la reproduire aussi fidèlement que possible pour l'internaute. A noter qu'à l'heure actuelle, il reste encore un pourcentage conséquent d'internautes équipés d'Internet Explorer 6 (ou antérieurs) qui s'avère ralentir et compliquer le développement du web (marges, transparence...). Je vous conseille d'utiliser des navigateurs plus respectueux des standards et aux fonctionnalités plus évoluées comme Firefox par exemple.
Nous travaillons pour l'instant avec la CSS 2 mais il y a déjà de nouveaux paramètres attribués à la CSS 3 qui devrait arriver dans les prochaines années. Pour plus d'informations sur tous ces aspects XHTML, CSS et standards web, je vous conseille de consulter l'excellent site d'Alsacréations, une réfèrence en la matière.
