Les feuilles de style avec KompoZer
Où l'on récupère l'énergie dépensée
Récupérer les styles
Les styles sauvegardés peuvent être liés depuis tout autre document HTML. C'est ce qui est illustré dans le schéma ci-dessous.
Dans la feuille de style, on précise donc la présentation des différents éléments qui sont présents dans les pages HTML. Toutes les informations concernant la présentation sont séparées du document lui-même.
Tu vas appliquer la feuille de style sauvegardée précédemment à toutes les pages du site web Archimède.
Ouvre le
document biographie.html qui
est resté sans aucune mise en
forme. - Ouvre l'éditeur CasCadeS
en cliquant sur le bouton
de
la barre d'outils. - Dans la partie gauche de la boîte de dialogue, clique sur le bouton Feuille liée.
- Dans la partie droite de la boîte de dialogue, recherche le fichier .css enregistré précédemment. Utilise le bouton .
- Remplis les rubriques et , comme précédemment.
- Clique sur le bouton .
Les styles qui figurent dans le fichier .css doivent s'appliquer immédiatement au document actuel.
- Vérifie la présence du lien vers la feuille de style dans le code HTML du document.
Damnation! J'ai bien le lien, mais il est à nouveau absolu. Il est marqué file:///home/sandrine/archimede/styles.css
Mmmhhh... Je crois que vous savez ce qu'il vous reste à faire.
- Enregistre le document biographie.html.
- Applique la même mise en forme à toutes les pages du site web en utilisant la procédure décrite ci-dessus.
Quand tous les liens vers la feuille de style externe sont réalisés, parcours l'ensemble du site dans le navigateur. Passe ensuite à la page suivante.
Dernière modification 14/10/2007
