Ca y est, je tiens un ensemble de styles du tonnerre ! J'ai vraiment réussi un coup de maître. Mais mon site web compte plusieurs pages. Je dois vraiment recommencer toutes les manoeuvres sur chacune des pages ? N'auriez pas quelque chose de plus court ?
Certainement ! Il y a même plusieurs solutions...
La solution la plus simple, pour reproduire les mêmes mises en formes sur plusieurs pages, est probablement de recopier tout le contenu de la zone <style>...</style> d'une page à l'autre en utilisant le presse-papiers.
Bouarf! C'est complètement bourrin votre truc.
Il est vrai que ce n'est pas de la grande subtilité. Voyons une bien plus belle solution.
La solution précédente a l'avantage d'être simple. Mais elle demande de recopier exactement les mêmes informations dans toutes les pages du site web, si l'on veut obtenir une présentation homogène.
Il serait plus intéressant de pouvoir sauvegarder tous ces styles dans un seul endroit.
Dans l'éditeur CasCadeS, il ne reste que la référence au fichier mestyles.css.
La boîte de dialogue des styles peut maintenant être fermée. L'ensemble des styles a été exporté vers le fichier .css qui a été désigné.
Exporté ? Cela veut dire qu'ils ne sont plus dans la page ? La mise en forme est toujours là, pourtant...
Effectivement, la mise en forme est toujours là, mais il n'y a plus qu'un lien vers le fichier .css. Vérifions cela.
A la place de la zone contenant les directives de style, on ne trouve plus qu'un lien (link) vers le fichier .css contenant les styles.
Stooop, on arrête tout. Ce n'est pas du tout ce que j'obtiens, moi. Regardez le machin que je me paie...
C'est simplement que KompoZer a, par défaut, indiqué le chemin complet vers le fichier .css. Mais la solution est simple.
Le chemin tel qu'indiqué dans la notation ci-dessus (file:///Z:archimede/mestyles.css) est encore appelé chemin absolu vers le fichier. Il faut le transformer en chemin relatif.
A la fin de l'opération, la boîte de dialogue doit se présenter comme ci-dessus.
Quand la feuille de styles est exportée et le lien vers le fichier .css est relatif, passe à la page suivante.
Vers la page suivante