Feuilles de style

Une mise en forme plus souple avec les feuilles de style

Le dernier point important que nous allons aborder dans ce dossier d’introduction est l’utilisation des feuilles de styles, également appelé CSS. Au début du Web, les pages des sites contenaient généralement à la fois le contenu (textes, images…)et les balises de mise en forme. Pour définir un titre en bleu, par exemple, on utilisait ainsi le code suivant :

<font color= »blue »>Titre</font>

Cette méthode, obsolète mais encore présente sur le Web, pose un sérieux problème si vous décidez un jour de changer la couleur des titres des pages de votre site: il faudra alors modifier toutes les pages une par une ! La bonne méthode consiste donc à utiliser les feuilles de style. Dans cet exemple, chaque titre de page se présentera donc ainsi:

<div class= »titre »>Titre</div>

On définit alors la couleur dans le fichier de feuille de style (portant l’extension « .css ») de la manière suivante :

.titre: blue;

Ainsi, en replaçant uniquement le terme « blue » par « red », toutes les pages de votre site seront désormais affichées en rouge.

Un apprentissage permanent

Le Web n’est pas un long fleuve tranquille : dès lors qu’on aborde les nouvelles technologies, on est confronté à une évolution particulièrement rapide des outils et des méthodes. Ce que vous apprendrez aujourd’hui dans le domaine de la création de sites ne sera peut-être plus d’actualité dans quelques mois ! Sans noircir le tableau, vous devez être conscients que la création et l’exploitation d’un site requiert une mise à jour quasiment permanente de vos compétences en la matière. Si vous utilisez un outil de publication, vous devrez ainsi veiller à suivre de près ces évolutions et surtout ces mises à jour de sécurité. Pensez également à profiter des nombreuses ressources sur le Web qui vous permette de rester informé des dernières innovations, qu’elle soit d’ordre général ou technique.