Les feuilles de style avec KompoZer

Les couleurs avec les styles

Je ne voudrais pas être méchant, mais vos choix de couleurs me paraissent vraiment tous désastreux. Je vais prendre les choses en mains.

J'allais précisément vous proposer de prouver votre bon-goût et de réaliser une mise en couleur plus judicieuse.

Retour à l'éditeur de styles

  • Vérifie que la page test.html est toujours active. Si nécessaire, ouvre-la.
  • Clique sur le bouton Editeur de styles de la barre d'outils de KompoZer.

Dans la zone Feuilles et règles apparaissent les trois balises pour lesquelles des styles sont définis.
Dans la partie droite de la fenêtre, on observe le détail des règles.

KaZcadeS: règles de styles

  • Modifie manuellement les règles pour la balise h2 comme sur l'illustration ci-dessus.
  • Vérifie que les directives sont bien appliquées dans la page.

On voit donc qu'il est possible de modifier directement les styles dans l'onglet Général de la boîte de dialogue.

  • CouleurSélectionne la balise h1 dans la zone Feuilles et règles.
  • Clique sur l'onglet Texte.
  • Rend la couleur rouge au texte correspondant à la balise h1.

On vérifie donc que la méthode "traditionnelle" de définition de style fonctionne toujours.

Bon, je me mets à la mise en couleurs "correctes", maintenant. En fait, il suffit donc que j'indique le nom de la couleur qui me plaît? Je vais réviser un peu mon anglais. Comment dit-on "Chocolat-bleu-pâle" dans la langue de Shakespeare?

Malheursement, toutes les couleurs, même si leur nom est donné en anglais, ne sont pas possibles.

Les couleurs connues

Officiellement, les différentes couleurs possibles sont : aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white et yellow.

Mais d'autres couleurs sont parfois admises (orange, violet,...). Aucune garantie n'est cependant donnée que tous les navigateurs interpréteront correctement ces valeurs non standard.

  • Réalise quelques tests de modification de couleurs sur ton document de travail.

Mouais, je ne suis pas fanatique. Ca ne manquerait pas un peu de finesse, ce système? Seulement 16 couleurs? C'est peu.

Vous en voulez plus? Les voici.

16.777.216 couleurs

Plutôt que de définir une couleur par son nom, on peut aussi choisir une couleur dans une palette de plus de 16 millions de couleurs.

  • Vérifie que la page test.html est toujours active. Si nécessaire, ouvre-la.
  • Clique sur le bouton Editeur CSS de la barre d'outils de KompoZer.
  • Bouton de couleurClique sur le sélecteur h1 dans la zone Feuilles et règles.
  • Clique sur le bouton coloré (en rouge) à droite de la zone Couleur.

Une palette de couleurs apparaît.

palette de couleurs

  • Choisis une couleur parmi les 70 Couleurs prédéfinies ou affine ton choix dans la palette de gauche.
  • Clique sur le bouton OK quand tu as trouvé la couleur qui te convient.
  • Sélectionne les couleurs qui te conviennent pour les autres éléments de la page.
  • Enregistre le document.
Les navigateurs qui respectent la norme du W3CWorld Wide Web Consortium gèrent au minimum 216 couleurs. La gestion de 16777216 couleurs n'est pas garantie.

Quand ta mise en couleurs est terminée, passe à la page suivante. Vers la page suivante Page suivante


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