Université Ibn Tofail Année Universitaire 2016/2017
Faculté des sciences de Kenitra SMI
Département d’Informatique
Technologie du Web
Examen – Janvier 2017 –
(Durée : 1h 30mn)
Exercice 1 : (6pt)
Donner le code HTML permettant de créer le formulaire décrit dans la page WEB ci-dessus
en respectant les choix suivants :
1. Données de la commande sont proposées dans trois tableaux avec une bordure de
taille 2 et une largeur de 60% par rapport à la largeur de l’écran,
2. Choix par défaut de la pizza : Margherita de petite taille,
3. Dans la zone centrale (coordonnées personnelles) : le texte qui apparaît au
chargement de la page dans les trois zones de texte (nom, prénom et adresse)
s’efface dés que l’utilisateur place la souris au dessus de ces zones,
4. Dans la zone inférieure (mode de paiement) : la zone de texte du code de la carte a
une longueur de 20 caractères, et permet la saisie de 10 caractères maximum. Le
choix de paiement par défaut est par carte bancaire,
5. Lorsqu’on clique sur le bouton scripté du nom Soumettre, le navigateur exécute
une fonction Javascript du nom Soumettre().
6. La fonction Soumettre() se trouve dans un fichier externe du nom «[Link]».
Remarque : Le code de la fonction Soumettre() n’est pas demandé dans cet
exercice.
1/2
Exercice 2 : (4pt)
Donner le code de la fonction Javascript Soumettre() de l’exercice précédent, permettant
d’afficher dans une boîte de dialogue les données de la commande passée si les coordonnées
personnelles sont bien fournies (champs nom, prénom et adresse non vides), et aussi si le
champ code est non vide lorsque le mode de paiement est par carte bancaire (voir figure1
ci-dessous). Dans le cas contraire le message suivant « Données de la commande sont
invalides » sera affiché dans la boîte de dialogue (voir figure2 ci-dessous).
Exercice 3 : (6pt)
Créer une fonction JavaScript du nom MatricePremiers() permettant d’afficher dans une page
WEB une matrice contenant les n*n nombre premiers, comme indiqué dans la figure1
ci-dessous. Le nombre n est donné par l’utilisateur dans une boîte de dialogue (voir figure2
ci-dessous).
Indication : Créer une fonction interne premier(k), qui retourne le premier nombre premier
supérieur ou égale à k (Exemple : premier(8) retourne 11 et premier(13) retourne 13).
Exercice 4 : (4pt)
1. Créer les styles suivants sous la syntaxe CSS:
a. Le titre de niveau 1 <H1> en Times et taille 18.
b. Un retrait dans la 1ère ligne de chaque paragraphe d’un centimètre et l’espace
entre les mots de 10pt.
c. La puce d’une liste à puces est l’image « [Link]».
2. Ces styles sont enregistrés dans un fichier externe du nom « [Link] ». Donner la
balise d’appel de cette feuille de style dans une page Web.
2/2
