Université Jean Monnet 2ème année de Licence

Informatique
TD 2 TIB
HTML avancé (tableau, formulaire, Javascript)
Février 2008
Durée : 2 heures

Introduction : Les tableaux sont des éléments structurés et divisés en lignes et en colonnes. Vous
devriez, au terme de ce TD, être en mesure de structurer et mettre en forme des tableaux en HTML.
Les formulaires sont des ensembles d’éléments informés par un utilisateur pour être traités. Vous
devriez, au terme de ce TD, être en mesure de concevoir des formulaires en HTML. Javascript est
un language de programmation qui permet d’écrire des scripts qui seront insérés dans des pages
webs. Vous devriez, au terme de ce TD, être en mesure d’insérer un simple programme Javascript
dans une page web.

Tableau
I - Nous allons ici créer un tableau munis de cellules étendues.
Réaliser le tableau suivant grace aux étapes ci-dessous.

1. Déclarer un tableau de largeur 90% de la largeur de la fenêtre, aligné au centre, avec une
bordure de 1.
2. Déclarer une en-tête au tableau, constituée d’une ligne de trois cellules d’en-tête.
3. Déclarer une première ligne constituée de trois cellules simples.
4. Déclarer la deuxième ligne constituée de deux colonnes assemblées, et d’une troisième colonne.
5. Aligner le texte à droite dans la première cellule de la ligne que vous venez de créer.
6. Déclarer une troisième ligne constituée de deux cellules simples, et d’une cellule assemblant
deux lignes.
8. Aligner le texte en bas dans cette dernière colonne.
9. Déclarer une quatrième ligne constituée de deux cellules simples.
10. Finir le tableau.

II - Nous allons ici créer un tableau munis d’une apparence attrayante.

1. Réaliser le tableau suivant.
Formulaire
III - Nous allons ici créer un formulaire pour demander l’affectation d’un numéro de sécurité
sociale.
1. Réaliser le formulaire suivant.

IV - Nous allons ici créer un formulaire pour qui permet de saisir des informations concernant
les pays de l’Union Européenne telles que le nom du pays, la population, la surface, le type de
gouvernement (monarchie, république), et si l’utilisation de l’Euro est déjà en vigueur.
1. Quels sont les commandes les plus adaptées pour chaque champ ?
2. Rajouter une boı̂te de sélection qui permet de choisir parmi un certain nombre de pays pour
lesquels certaines informations ont déjà été ajoutés.

Javascript
V - Nous allons associer un programme Javascript au formulaire d’application de l’exercice III.
1. Insérer un simple programme Javascript dans une page web qui permet d’afficher votre numéro
de sécurité sociale. Celui-ci est composé de 13 chiffres :
– 1 chiffre pour le sexe (1 pour les hommes et 0 pour les femmes) ;
– 2 chiffres pour l’année de naissance ;
– 2 chiffres pour le mois de naissance ;
– 2 chiffres pour le département de naissance ;
– 3 chiffres pour la commune de naissance (vous afficherez xxx) ;

2
 – 3 chiffres pour un numéro d’ordre dans le mois de naissance (vous afficherez xxx).
2. Intégrer le formulaire et le programme précédent.
3. Écrire un programme en Javascript qui permet de vérifier l’intégrité des données du formulaire.