Les feuilles de style avec KompoZer

Définition de règles de style

Maintenant que nous avons ouvert l'éditeur de styles, nous allons l'utiliser pour mettre différents éléments de la page HTML en forme.

Définition d'un style pour les titres de premier niveau

Définissons maintenant une mise en forme pour le titre de premier niveau: h1.

Sélecteur h1
  • Vérifie que l'éditeur est toujours disponible pour la création d'une Nouvelle règle de style. Si nécessaire, revois la méthode présentée à la page précédente.
  • Dans la zone de saisie actuellement vide, indique la mention h1.
  • Clique ensuite sur le bouton Créer la règle de style.

 Dans la zone Feuilles et règles, on voit maintenant qu'il est fait mention d'une règle pour les titres h1.

Début d'arborescence

Onglet Texte
  • Dans la zone Feuilles et règles, sélectionne le sélecteur h1.
  • Sélectionne l'onglet Texte qui peut maintenant être activé.
  • Dans la zone Couleur, indique la mention red (pour rouge, en anglais).
Couleur

La couleur rouge apparaît sur le bouton situé à droite.

Titre rouge
  • Si nécessaire, déplace la boîte de dialogue de l'éditeur de styles de manière à voir un titre de niveau 1 dans la page.

Le titre de niveau 1 doit maintenant se présenter en caractères de couleur rouge.

  • Clique sur le bouton OK de l'éditeur de styles.
  • Enregistre le document.

Définition d'un style pour les titres de deuxième niveau

En utilisant la même méthode que ci-dessus, définis, pour les titres de niveau 2 (h2):

  • la couleur verte (green) pour les caractères
  • la couleur jaune (yellow) pour le fond.
  • Vérifie que les couleurs sont appliquées immédiatement dans la page.
  • Enregistre le document.

Définition d'un style pour le corps du document

Quelle est la balise qui définit le corps du texte, dans une page HTML?
<h1>
<h2>
<head>
<body>
  • Aspect de la page webEn utilisant la même méthode que ci-dessus, définis une couleur de fond fuchsia (attention à l'orthographe) pour le fond du corps du texte.
  • Enregistre le document.

Dites, vous être vraiment sûr de votre choix de couleur. Parce que, franchement... Je ne suis pas sûr que ce soit du meilleur goût.

Je pense devoir vous donner raison sur ce point. Mais cela nous permet de mieux comprendre ce qui se passe. Il faut parfois souffrir pour apprendre.

Quand les éléments cités sont bien dans les couleurs demandées, passe à la page suivante. Vers la page suivante Page suivante


Dernière modification 31/08/2016 Test dans /info ...