SELFHTML/Quickbar
Feuilles de style CSS SELFHTML/Quickbar
Feuilles de style CSS
 |
Feuilles de style et HTML |
|
|
 | |
les feuilles de style sont un complément direct à HTML. Il s'agit d'un langage pour définir les propriétés de format de commandes HTML distinctes. À l'aide de feuilles de style vous pouvez par exemple déterminer que les titres N°1 auront une taille de police de 18 points, dans la police Helvetica, mais pas en caractères gras et avec un espace de 1,75 centimètres le séparant du paragraphe suivant. Des mentions de cette nature ne sont pas possibles avec le HTML courant.
Mais ce n'est que le début. Les feuilles de style offrent beaucoup plus de possibilités. Vous pouvez affecter à des passages de votre choix d'un fichier HTML, une couleur d'arrière plan distincte, une image d'arrière plan (papier peint) distincte ou divers cadres. Vous pouvez positionner au pixel près dans la fenêtre d'affichage du navigateur WWW, des éléments de votre choix, que ce soit un graphique, un tableau, ou un passage avec plusieurs de ces éléments. Pour la présentation à l'impression, des commandes sont prêtes pour la mise en page. Pour la reproduction acoustique de fichiers HTML, il existe toute une panoplie de commandes pour régler finement des systèmes artificiels de restitution de la parole. Des filtres spéciaux enfin, qui à l'heure actuelle sont encore en effet spécifiques Microsoft permettent des effets graphiques pour des textes normaux, effets qui nous sont connus par des programmes graphiques comme PhotoShop.
Une autre particularité importante des performances des feuilles de style est de permettre de mentionner des définitions centrales. Ainsi par exemple vous pouvez noter dans l'entête d'un fichier HTML des définitions centrales pour l'aspect d'une cellule de tableau. Toutes les cellules de tableau du fichier HTML correspondant reçoivent alors les propriétés de format qui ont été définies de façon centrale une fois. Cela économise du travail de codification et réduit la taille des fichiers HTML. Vous pouvez même noter vos définitions de feuilles de style dans des fichiers séparés. Vous pouvez ensuite référencer de tels fichiers de feuilles de style dans autant de fichiers HTML que vous le désirez. De cette façon vous pouvez créer pour de grands projets des présentations uniformes. Avec quelques petits changements dans un fichier de feuilles de style central vous pouvez appliquer une autre présentation à des centaines de fichiers HTML.
Les feuilles de style soutiennent donc premièrement la présentation professionnelle dans la conception Web et deuxièmement elles contribuent à l'image de marque de la firme pour de grands projets ou pour des présentations spécifiques à la firme.
|
Il existe plusieurs langages pour définir des feuilles de style. Le plus
connu est le langage CSS. CSS représente les initiales de "Cascading Style Sheets".
Ce langage est proposé par le 
consortium
W3, qui est aussi responsable pour les normes en HTML. Le langage CSS
est parfaitement mis au point pour HTML. C'est pourquoi il ne sera traité
exclusivement dans ce chapitre que du langage CSS.
Exactement comme il y a plusieurs versions du langage HTML, il y a aussi plusieurs versions du langage CSS. La première version 1.0 apparut en 1996. Depuis mars 1998 il y a la version 2.0. Dans ce chapitre, les symboles suivants seront utilisés pour distinguer les versions CSS:
 |
La propriété décrite fait partie de la version 1.0 du langage CSS. |
 |
La propriété décrite fait partie de la version 2.0 du langage CSS. |
Vous pouvez recevoir des informations sur les feuilles de style aux endroits suivants sur Internet:
page d'accueil des feuilles de style du consortium W3
spécification de la version CSS 1.0
spécification de la version CSS 2.0
actualités du consortium W3 sur le thème des feuilles de style
|
|
Netscape 4.x interprète la presque totalité du langage CSS version 1.0 et une partie des commandes de la version CSS 2.0. L' Explorer Internet MS connaît déjà la version CSS 1.0 depuis sa version 3.0. Dans sa version 4.0 il interprète une partie de la version CSS 2.0 et quelques mentions de feuilles de style spéciales introduites par Microsoft.
Si vous structurez des pages WWW, vous devez en tirer vos propres conséquences. Les feuilles de style vous permettent des possibilités complètement nouvelles pour la présentation des pages Web. Plus vous rendrez vos présentations dépendantes des effets de feuilles de style, plus elles paraîtront ennuyeuses, décevantes et éventuellement aussi erronées chez les utilisateurs qui n'utilisent pas de navigateurs supportant les feuilles de style. Étant donné que Netscape 3.x passe encore toujours pour une jauge importante pour la qualité d'affichage des pages WWW, et que cette version ne connaît toujours pas les feuilles de style, les feuilles de style sont encore jusqu'ici utilisées avec prudence. Peu à peu, on ne doit pourtant plus s'excuser quand on utilise les feuilles de style. Tout au moins, il n'y a plus rien qui s'oppose à l'emploi des commandes de la version CSS 1.0 - Les militants du Lynx sont de toutes façons contre tout ce qui ne passe pas dans un quadrillage de 24x80. Par contre, utilisez encore avec prudence les commandes plus récentes. Dans chaque cas vous devez essayer vos pages Web "stylisées avec CSS" également avec Netscape 3.x.
|
| |
après: |
 Incorporer
des feuilles de style en HTML
|
avant: |
Gestionnaire d'évènements
|
SELFHTML/Quickbar
Feuilles de style CSS
Serge François, 13405@free.fr