I. Objectif

Initiation au HTML, présentation par feuille de style CSS, insertion de JavaScript

II. Exercices

1- Réalisez la page suivante :

Image non disponible

2- Réalisez la page suivante en ne cherchant à utiliser le HTML uniquement pour décrire le contenu, sans idée de présentation :

Image non disponible

Le lien inséré dans la page doit bien sûr être un lien qui fonctionne vers la première page que vous avez réalisée.

Validez la page que vous avez faite avec le validateur XHTML :

http://validator.w3.org/

(choisir la méthode par upload)

3- Ajoutez les règles de style nécessaires à la page précédente pour obtenir le résultat suivant :

Image non disponible




Référence des feuilles de style CSS :

Glossaire CSS

Utilisation des feuilles de style CSS :

http://xhtml.developpez.com/faq/?page=css_generalites

4- Réalisez le tableau suivant, avec la présentation adaptée :

Image non disponible

5- Ajoutez à la page précédente un script JavaScript affichant le drapeau du pays concerné quand la souris est positionnée sur la ligne en question :

Image non disponible



Vous pouvez en particulier utiliser les événements JavaScript onmouseover et onmouseout.

6- Affichez le formulaire suivant :

Image non disponible

7- Ajoutez à la soumission du formulaire (onsubmit) un contrôle JavaScript vérifiant que l'adresse mail comporte bien le symbole ‘@' et qui renvoie le message d'erreur suivant, si nécessaire :

Image non disponible