Choix d'une couleur
Le choix d'une couleur pour un fond de page est très important, et il entre pour une grande part dans le succès rencontré auprès de vos visiteurs.
Vous allez pour réaliser votre page utiliser trois paramètres différents faisant appel à la couleur :
- Le texte avec les caractères , les titres, les sous-titres pour l'essentiel.
- Les images sélectionnés pour accompagner votre texte.
- La couleur du fond de page et éventuellement des tableaux qui peuvent maintenant être mis en couleur.
Il importe que votre page présente un amalgame cohérent de ces trois paramètres pour que la visualisation soit agréable et ne fatigue pas la vue. Si vous "agressez" votre visiteur par un mélange incohérent et violent des couleurs, il cliquera sur la sortie et vous ne le reverrez plus.
C'est un choix permanent que de réaliser un site et, au delà de se faire plaisir il faut savoir si vous comptez le partager avec d'éventuels visiteurs. Le sujet retenu doit vous aider aussi à cerner les couleurs qui conviendront le mieux à votre présentation.
Code des couleurs
D'abord je vous rappelle comment vous avez choisi la couleur pour le texte :
<Font Color="#FF00FF"> qui vous donne la présente couleur rose.
Au premier problème rencontré vérifiez la ponctuation et les espaces, c'est en principe là que se trouve la solution. Majuscules ou minuscules, peu importe.
Ce principe de numérotation hexadécimale est basée sur trois couleurs RVB (rouge, vert, bleu) avec le noir qui lui est caractérisé par l'absence des couleurs rvg (voilà pourquoi une imprimante couleur possède en général une cartouche 3 couleurs + une cartouche noire, séparées pour éviter de changer tout alors que seule l'encre noire est la plus utilisée.).
Après le signe Dièse # vous avez trois groupes de deux chiffres ( 0 à 9) ou lettres ( A à F), et le premier groupe correspond au dosage du rouge, le deuxième du vert et le troisième du bleu.
Suivant le principe des mélanges de couleurs j'obtiendrai ce mauve en mélangeant du rouge et du bleu, soit les groupes extrêmes alors que celui du milieu restera inactif et voici le code #9900FF correspondant.
Ce code des couleurs naturellement reste identique pour donner une couleur au texte, aux liens, aux tableaux ou aux fonds de page.
Coder FF00CC est identique à ff00cc (le caractère 0 = le chiffre zéro)
Blanc (code = #FFFFFF)Noir (code = #000000)
Bleu (code = #0000FF)
Bleu clair (code = #00CCFF)
Bleu Ardoise (code = #0077FF)
Rouge foncé (#CC0000)
Rouge vif (code = #FF0000)
Rose (code = #FF00FF)
Rose pâle (code = #FF66FF)
Brun (code = #CC6600)
Orange (code = #FF9900)
Vert olive (code = #006600)
Vert brillant (code = #00FF00)
Vert foncé (code = #003300)
Vert bleu (code= #00FF77)
Violet (code = #9900FF)
Violet (code = #990099)
Marron foncé (code = #330000)
Et maintenant que vous maîtrisez certainement mieux votre programmation, sachez que vous pouvez aussi spécifier une couleur par son nom (en anglais) à la place du nombre hexadécimal, en utilisant le code suivant :
<BODY
BGCOLOR=blue> pour un fond de page.
<FONT SIZE=blue>.....texte.....</FONT>
Quelques couleurs qui sont bien admises par les navigateurs actuels :
aqua=bleu clair, black=noir, blue=bleu, fuchsia=violet, gray=gris, green=vert, maroom=marron, navy=bleu marine, olive=vert olive, purple=pourpre, red=rouge, white=blanc, yellow=jaune.
| |
| |
|
| |
|
|
|
| |
Fuchsia | |
|
| |
| |
|
Le contrôle de la couleur du fond de page peut se réaliser de deux manières :
1- Il peut être effectué à partir du tag BGCOLOR et d'un nombre hexadécimal composé de 3 groupes de 2 lettres ou 2 chiffres qui représentent les valeurs de base rvg (rouge, vert, bleu), à partir desquelles la palette est seulement limitée par la fidélité de restitution à l'écran qui n'est pas toujours aussi précise que l'original mais soyons indulgents.
| <BODY BGCOLOR="#FFFFCC"> vous donnera une page de couleur jaune paille, identique à ce tableau. Bien sûr dans le tag BODY, il est possible d'aligner d'autres attributs , et vous aurez l'occasion d'y en placer. |
2- La deuxième solution consiste à se servir d'une image pour qu'elle soit par juxtaposition à bordures invisibles, capable de donner l'impression qu'il s'agit d'une seule présentation. C'est un peu comme si vous tapissez une pièce avec du papier peint sans raccord, en bord à bord.
Vous allez utiliser des images GIF et plus souvent des images JPEG (JPEG) dont la taille origine n'est pas un critère à prendre en compte vu que votre navigateur va la répéter autant de fois que nécessaire pour couvrir la page.
N° 2 
N°
3 
N°1 = image JPEG de 1,5 Ko.
N°2 = image JPEG de 2,7 Ko.
N°3 = image JPG de 1,30 Ko.
Naturellement vous ne pouvez concevoir un fond de page avec la n°2, qui peut toutefois servir pour le remplissage décoratif d'un tableau par exemple
Code dans balise BODY
<HEAD>
</HEAD>
<BODY BGCOLOR="#FF9933">
</BODY>
</HTML>
Gardez à l'esprit que plus votre image de fond sera lourde, plus la page mettra du temps à s'afficher. Si vous utilisez des images essayez, excepté souvent la page d'accueil, de conserver le même fond pour le reste du site car n'oubliez pas qu'une fois chargée l'image est stockée dans le cache et disponible de suite si on visualise différentes pages.
Consultez si besoin le dossier Nuanciers de couleurs,
en haut du sommaire Page perso.
Sommaire Page perso ... @ ... Couleur fond d'écran & préparer transfert
