DHTML - Feuilles de style

Le DHTML (en particulier les feuilles de style en cascade, CSS Style Sheet) est supporté depuis les versions 4.0 des navigateurs. Il permet de regrouper toutes les informations de formatage des pages en début de fichier ou dans un fichier séparé. En attendant le très prometteur XML, c'est la technique employée aujourd'hui pour conserver des documents structurés et pour bien contrôler leur présentation.

Règles suivies pour les pages de ce site

Conserver le texte le plus clair possible :

sortir les tags de FONT en tête de document et si possible en dehors (.css),
utiliser des tags courts, clairs, simples.

Ne pas employer de marqueurs SPAN (qui introduisent des tags de FONT dans le texte) comme Emphasize par exemple dans son interprétation par Dreamweaver qui devient SPAN FONT...
Eviter les tags personnalisés (custom tag) qui sont traduits en SPAN class="montag" difficile à lire.
Employer des marqueurs standard HTML (<cite>, <code> etc.).
Les feuilles de styles (.css) sont stockées dans un même répertoire (/leon-lab/dhtml).

Astuces

Les hyper-liens changent de couleur :

Je n'est pas trouvé comment faire avec l'éditeur de Dreamweaver 3 mais il suffit d'ajouter une simple ligne à la feuille de style :

a:hover {color: #FF0000}

Le texte des hyper-liens passe en rouge quand le pointeur de souris passe dessus (ne fonctionne pas avec Netscape 4.74).

Netscape

Avec Netscape 4.74 sous Linux, le support des feuilles de style doit être activé dans le menu Avancé de Préférences ainsi que le support de Javascript.

Si les feuilles de style ne sont pas activées, l'affichage est cependant très correct.

Bibliographie

De Microsoft MSDN :

De HTML Help :

Cascading style sheets reference
Ask the Web Design Group : un forum très actif

Autres :

Cascading Style Sheets, level 1 du W3C
Dynamic HTML in Netscape Communicator
NCD Style Sheet Guide de Network Communication Design

Retour en page d'accueil
Version du document: 1.1
Créé le: 16 décembre 2000
Mise à jour le: 27 février 2001
Auteur: Léon