Images

De quoi s'agit-il ?

Les images contenues dans un document HTML sont représentées par des objets de type Image. Ceux-ci ont une propriété particulièrement intéressante : il est possible, lorsqu'on le désire, de modifier le fichier source de l'image. Cela permet de modifier simplement le contenu d'une page sans avoir à la recharger.

Travaux dirigés

1. Objets de type Image
   Afficher des nombres en utilisant une image pour chaque chiffre.
   
   
2. Evènements souris
   Utiliser les évènements ONMOUSEOVER et ONMOUSEOUT pour changer une image.
   
   

Exercices

1. Tables
   Créer un répétiteur de tables de multiplications.
   
   
2. Calculs d'aires
   Créer un formulaire de calculs d'aires illustré par des figures géométriques. L'accès à chaque formule se fait à partir d'une liste de choix.
   
   
3. Formule
   Créer un document affichant les différentes étapes de la démonstration de la formule (a+b)²= a²+2ab+b²; des boutons "Suivant" et "Précédent" permettent de changer d'étape.
   
   
4. Histogramme
   Créer un document affichant un histogramme en n'utilisant qu'un fichier image contenant un petit rectangle de couleur.
   
   
5. Géographie
   Créer un document affichant une carte de France et demandant de cliquer sur l'emplacement de certaines villes.
   
   

Télécharger le TD
Retour au menu