Cours de programmation web

Premier TD : HTML

Denis Cabasson

Cours de programmation web, associé au cours de base de données.

ENSAE troisième année, 2006/2007.

- Titre : Cours de programmation web

- Auteur : Denis Cabasson

- Parution : 26 avril 2007

- Public visé :

- Licence : Copyright ® 2013 Denis Cabasson. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.

Sommaire

- I. Objectif

- II. Exercices

I - Objectif

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

II - Exercices

1- Réalisez la page suivante :

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

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 :

Référence des feuilles de style CSS :

Glossaire CSS

Utilisation des feuilles de style CSS :

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

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

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 :

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

6- Affichez le formulaire suivant :

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 :