Les feuilles de style avec KompoZer

Où l'on récupère l'énergie dépensée

Récupérer les styles

Application des styles à plusieurs pages

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.

  • Feuille liéeOuvre le document biographie.html qui est resté sans aucune mise en forme.
  • Ouvre l'éditeur de styles en cliquant sur le bouton CasCadeS 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 Parcourir.
Feuille liée
  • Clique sur le bouton Créer la feuille de style.

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.

Vers la page suivante Page suivante

Dernière modification 01/09/2016 Test dans /info ...