Devoir HTML-CSS-JAVASCRIPT
Les questions de la parties I sont à faire sur le fichier annexe.html, la partie II est à faire dans un fichier couleur.css et la partie 3 dans un fichier couleur.js
Partie I : HTML.
- Mettre "Table de couleurs" en titre principal.
- Il doit y avoir 3 paragraphes, un qui se termine à "nuances de couleurs", un autre qui se termine à "wikipédia", et le dernier qui se termine à "de la façon suivante :"
- Mettre les formules de passage RVB en YUV dans des puces, une puce pour Y,une pour U et la dernière pour V.
- Associer un lien internet à https://fr.wikipedia.org/wiki/YUVhttps://www.w3schools.com .
- Donner un titre à la page,(qui s'affichera dans l'onglet).
- Créer, à la suite, 6 zones d'entrée texte, d'identités respectives : "idR", "idG", "idB", "idY", "idU", "idV".
Partie II : CSS.
- Centrer le titre principal.
- Changer la couleur de fond. (couleur au choix)
- Grouper les les zones d'entrée texte de la façon suivante :
Partie III : JAVASCRIPT
- Faire une fonction en javascript qui au moment de ralacher une touche dans une zone texte d'identité "idR", "idG" et "idB" va récupérer les valeurs dans les zones et afficher les valeurs de Y de U et de V dans les cases correspondantes.
Aller plus loin (hors barème).
- Ajouter une zone de type canvas qui va présenter la couleur donnée en RGB.
- En utilisant les formules :
- R=Y+1.405×(V-128)
- G=Y-0.3455×(U-128)-0.7169×(V-128)
- B=Y+1.7790*(U-128))
Écrire une fonction javascript qui permet de passer des données en YUV aux données en RGB.
- Afficher la valeur Hexadécimal associée à la couleur.