I. Introduction▲
I-A. CSS, kezako ?▲
Le design d'un site évolue toujours au fil du temps. Le problème,
lorsqu'on n'utilise pas de feuilles de style, c'est qu'il faut
reprendre toutes les pages une à une pour modifier une police
de caractère ou une couleur de fond...
Avec les "Cascading Style Sheet" (CSS), ce lourd handicap est
résolu.
C'est dans la feuille de style que l'on va déclarer toute la
mise en forme des pages : la couleur de fond, les polices de
caractère, leurs couleurs, etc.
Celle-ci sera liée à chaque page html. Ainsi, lorsqu'on en
modifiera un élément, cela se répercutera immédiatement sur
toutes les pages web. Puissant et pratique ;-)
Mais cela ne s'arrête pas là. Outre les couleurs et les polices,
on peut aussi changer radicalement l'apparence d'un site en
abandonnant la mise en page à l'aide de tableaux. Soyons clair :
un tableau sert à présenter des données tabulaires -point barre-
Pour une mise en page souple et cohérente, on utilisera des
"blocs" (appelés aussi "boites" ou "calques"), qui ont l'avantage
de pouvoir être déplacés de gauche à droite, ou de haut en bas
grâce aux CSS.
Et ce n'est pas plus difficile que d'utiliser des tableaux
contrairement à ce que certains de mauvaise foi voudraient
bien faire croire !
Cela dit, même si on utilise un logiciel wysiwyg tel que
Dreamweaver, il convient tout de même de connaître quelques
balises html, car ce sont celles-ci qui vont être indiquées
dans la feuille de style.
I-B. Balises html de base▲
Document
<html></html><body></body>Titres
<h1></h1><h2></h2><h3></h3>Et ainsi de suite jusqu'à 6.
Éléments de texte
<p></p><ul></ul><ol></ol><li></li><a href=""></a>Tableau
<table></table><th></th><tr></tr><td></td>Positionnement
<div></div>