Chapitre 4 : Les feuilles de style (généralités) XML fournit aux applications une structure, mais pas la signification ou la manière de mettre en évidence une signification Il manque donc des aspects dans un documents XML sur la manière de le présenter : ces aspects sont du ressort des feuilles de styles Plusieurs possibilités sont apparus : DSSSL (prononcer dissel) norme de formatage lié à SGML ViewPort implémentation pour SGML CSS (cascading style sheet) lié à HTML XSL avec deux composantes indépendantes : XSLT (tranformateur de document) recommendation du W3C XSL-FO pour le formatage des sorties

Chapitre 4 : Les feuilles de style (généralités) Les avantages de la dualité XML / feuille de style sont : la réutilisabilité (une feuille de style marchera avec tous les documents valides par rapport à une DTD) l’adaptabilité aux différents média (en cours de définition) l’adaptabilité aux différents utilisateurs quant à la forme (fonctionnalité de XSL-FO) l’adaptabilité aux différents utilisateurs quant au contenu (fonctionnalité de XSLT) la définition de formats standards pour une organisation ou pour l’échange de données

Chapitre 4 : Les feuilles de style (CSS) Premier modèle de feuille de style introduit par le W3C Il existe deux versions : CSS1 et CSS2 Utilisé actuellement avec HTML et XML Ne respecte pas la syntaxe XML Ne permet pas de restructurer le document Permet de décrire la mise en forme

Chapitre 4 : Les feuilles de style (CSS) Un document peut hériter des propriétés de plusieurs feuilles (concepteur, utilisateur, application) -> feuilles de style en cascades Il est nécessaire de régler la priorité entre les feuilles Prend en compte différents types de media Est composé de règles qui, pour les objets désignés par un sélecteur, indiqueront les propriétés de l’affichage (il existe 122 propriétés).

Chapitre 4 : Les feuilles de style (CSS) exemple : name { font-family: verdana, arial; font-size: 15pt; font-weight:bold; display: block; margin-bottom: 5pt;} title { font-family: verdana, arial; font-size: 10pt; font-weight:bold; display:block; margin-top: 5pt;}

Chapitre 4 : Les feuilles de style (tp) Introduire une feuille de style CSS pour afficher un des documents XML que vous avez créées Une feuille de style CSS s’introduit par l’instruction : où nom_fichier.css est la feuille de style