Pour essayer de garantir un minimum de cohérence d'un ordinateur à un autre, il faut utiliser les éléments communs à tous les ordinateurs :
- des familles de polices communes (Arial, Helvetica, Verdana, Times, Courier, Tahoma, Comic Sans)
- des tailles de caractères proportionnelles (de xx-small à xx-large)
- des couleurs communes (216 couleurs communes) même si ce point est moins important maintenant.
Une autre alternative consiste à figer les textes sous forme d'images fixes ou de fichiers PDF. Mais cela pose deux contraintes importantes :
- le poids de chargement des pages devient extrèmement lourd, donc lent à charger.
- les images ne sont pas "lues" par les moteurs de recherches et les PDF le sont plus ou moins bien.
Il faut donc travailler le plus possible avec du code HTML.
Pour mettre en forme un texte, on va lui créer des attributs :
- de famille de caractères : "font-family: Courier New;"
- de taille : "font-size: medium;"
- de couleur : "color: rgb(255, 0, 0);"
Cela donne : "Ceci est un texte rouge en Courier de taille moyenne"
Par exemple, pour affecter une couleur personnalisée à un texte sélectionné, cliquez sur le bouton .
Un menu déroulant vous propose les couleurs les plus utilisées :
En cliquant sur "Plus de couleurs", vous ouvrez une autre fenêtre :
Vous pouvez choisir une couleur parmi les 216 couleurs communes ou encore saisir les codes colorimétriques hexadécimaux de la couleur que vous désirez (ici, #3344EE).
L'ensemble de ces attributs peuvent se regrouper en styles prédéfinis, pour gagner du temps dans la mise en forme, garantir une cohérence de la charte graphique. Vous trouverez dans le menu "Style" de l'éditeur FCK les styles HTML que nous avons préparés pour vous selon votre charte...
Par exemple, le style "Courrier rouge moyen" pourrait regrouper les différents attributs ci-dessus...
Les styles peuvent s'imbriquer les uns dans les autres (styles en cascade) .
Pour désactiver un style, vous devez cliquer dessus à nouveau pour le déselectionner.