Atelier 6 : HTML 5

On suppose que le site de l’ISET est composé de :

• Une page d’accueil « index.html »

• Dossier « actualite » contenant la page « rep_etud_14_15.html »
• Dossier « AASIS » contenant la page « inscription_aasis.html »
• Dossier « images » contenant l’image « iset.jpg » (Logo de l’ISET)

Question 1

Donner le code HTML5 de La page « rep_etud_14_15.html » contenant le tableau ci-dessous, sachant que
l’entête du tableau est constitué par ses trois premières lignes et que son pied est constitué par sa dernière ligne.

Les Parcours de chaque département Totaux

Gestion Informatique Mécanique Génie Civile Génie Proc. par
GRH CG SEM DSI RSI MG MI BAT TP AA CI année
S1 12 14 30 60 30 60 80 30 25 20 14
L2
S2 14 16 32 44 54 64 66 77 55 12 20
S1 19 33 23 22 34 43 67 89 12 21 43
L3
S2 24 34 52 23 25 32 38 23 23 21 45
Totaux par
département
Tableau : Répartition des étudiants de l’ISET par parcours durant l’Année Universitaire 2014-2015

Question 2

Donner le code HTML5 DE La page web « inscription_aasis.html » (voir ci-dessous) sachant qu’elle est composée
par :

• Une image « iset.jpg » possédant un lien hypertexte vers la page « index.html »

• Une liste non ordonnée composée par :
o « Accueil » : est un lien hypertexte vers la page « index.html »
o « Répartition des étudiants en 2014 2015 » : est un lien hypertexte vers la page
« rep_etud_14_15.html »
o « Contact » : est un lien de messagerie vers webmaster@isetsf.rnu.tn
• Un formulaire possédant les contraintes suivantes :
o L’âge est compris entre 20 et 50 et par défaut il est égal à 22. Lorsqu'on pointe la souris sur cet
élément du formulaire cette bulle d'aide s’affiche « Merci de sélectionner votre âge »
o L’adresse est sur une ligne de 50 caractères
o La liste des spécialités contenant les valeurs suivantes : Gestion, Informatique (sélectionné par
défaut), Génie Procédé, Génie Civile et Génie Mécanique
o La liste des diplômes contenant les valeurs suivantes : Bac (sélectionné par défaut), Licence,
Licence Co-Construite et Master Pro.
o Le nombre d’années d’expérience professionnelle est compris entre 0 et 30 et il est par défaut
égal à 0
o Le label « Compétences » est distingué visuellement dans le navigateur par une couleur d’arrière
plan jaune.

Page 1 /2
Page 2 /2