Codage des couleurs

Vous devez répondre individuellement par écrit aux questions posées (si possible réaliser le compte rendu sur traitement de texte), sachant que les réponses à ces questions sont présentes dans ce site Internet ; mais, bien évidemment vous notez – en plus – toutes les informations qui vous semblent utiles : vous vous constituez votre propre cours.

Objectifs généraux :

Etude des systèmes de numérisation à travers les siècles
Durée :1 séance

Matériel :

Site capturé

I) Principe du codage hexadécimal	II) Utilisation d'un logiciel éditeur HTML
III) Nombres de couleurs et informatique	IV) Exercice

I Principe du codage hexadécimal

Chaque couleur est obtenue à partir de trois couleurs de base: le rouge, le vert et le bleu.

Observer à l'aide d'une loupe, le fond de la cellule ci-contre. Q 1: Quelles couleurs peut-on distinguer sur chaque pixel de l'écran? Dessiner le détail d'un pixel.

Chacune des trois couleurs composant un pixel a une luminosité qui est déterminée par la valeur d'un octet. Cette valeur de luminosité peut donc aller de :

0000 0000 à 1111 1111.

Q 2: Combien de niveaux de luminosité sont possibles pour chaque couleur (rouge, vert ou bleu)?

Pour coder la couleur d'un pixel, il faut donc utiliser 3 octets. Trois octets sont bien longs à écrire. On préfère utiliser l'hexadécimal où un demi octet peut être remplacé par un chiffre hexadécimal.

Q 3: Énumérer les chiffres zéro à quinze en hexadécimal.

Q 4: Remplacer les demi-octets ci-dessous par leurs équivalents hexadécimaux sur la ligne inférieure.

1 0 0 1	1 0 1 0	1 1 0 1	1 1 1 1

Pour écrire un octet, il suffit de deux chiffres hexadécimaux.

Q 5: Quel est l'octet représenté par le nombre hexadécimal 9A? Donner sa valeur décimale.

Pour coder les trois couleurs de base, il suffit donc de six chiffres hexadécimaux. Exemple de valeur:

rouge	vert	bleu
F5	88	A7

Q 6: quelle est la couleur qui domine pour le pixel codé par le nombre hexadécimal ci-contre?

II Utilisation d'un logiciel éditeur HTML

Lancer le logiciel Frontpage express.
Utiliser le menu:
Fichier Nouveau Page normale
Puis Affichage HTML

On observe alors le code HTML de la page vide.
Le contenu de la page est codé entre les balises
<body et </body>.
On y remarque seulement: bgcolor="#FFFFFF",
ce qui signifie (background color) couleur de fond.

Q 7: Quelle est cette couleur? Justifier.

Q 8: Modifier le code de la couleur pour que le fond soit successivement noir, rouge, vert et enfin bleu. Rassembler les résultats dans un tableau.

<html>

<head>

content="text/html; charset=iso-8859-1">

<title>Page normale sans titre</title>

</head>

</body>

</html>

Q 9: Essayer toutes les couleurs de fond où deux codes sont à leur valeur maximale. Nommer ces couleurs et placer les codes correspondants dans le tableau.

Q 10: Enfin, essayer des codes identiques pour les trois couleurs de base. Faire une conclusion.

Q 11: Que faire pour avoir par exemple un rose très pâle? (Tenter de trouver un code de manière raisonnée)

IV Exercice
Reprendre l'éditeur Frontpage express pour créer un tableau qui fera correspondre une couleur à son code hexadécimal et à son nom. Pour créer un tableau, dans le menu, choisir: Tableau Insérer un tableau Configurer comme ci-contre pour avoir 3 lignes et 10 colonnes, avec une bordure de 1 pixel, le tableau occupant 100% de la largeur de la page. Pour observer le code HTML de la page: Affichage HTML Bien observer ce code, sachant que: Les deux balises <table> et </table> créent le tableau; une ligne est créée entre <tr> et </tr>; une cellule est créée entre <td> et </td>. Quitter le mode d'affichage HTML et sélectionner la première cellule du tableau. Dans le menu, choisir: Tableau Propriétés de la cellule Dérouler le menu de la couleur d'arrière plan de cette cellule et choisir une couleur (rouge par exemple). Observer la page, puis son code HTML.
Q 14: Quelle est l'instruction qui a permis de déterminer la couleur de fond de la cellule? Q 15: Par un copier-coller, reproduire cette même instruction dans les 10 cellules de la première ligne. Puis changer les codes pour avoir toutes les couleurs dont les codes ont été vus au paragraphe II. (on pourrait évidemment continuer par la méthode utilisée pour la cellule 1).	Revenir à l'affichage normal de la page et remplir les deux autres lignes avec les codes HTML et les noms des couleurs. Q 16: Donner au fond de la page la couleur rose pâle trouvée au paragraphe II.

III Nombres de couleurs et informatique
Q 12: Calculer le nombre de couleurs que l'on peut demander à l'aide du code hexadécimal à 6 chiffres. On peut raisonner en considérant que chaque couleur est codée par un octet ou à partir du code hexadécimal.	Q 13: En informatique, une image peut se définir à l'aide de16, 256 ou 16 millions de couleurs. Dans quel cas sommes nous?