OFPPT

Office de la Formation Professionnelle

et de la Promotion du Travail

DIRECTION RÉGIONALE TENSIFT ATLANTIQUE

Établissement : ISTA NTIC SYBA

Examen de fin de module : Applications hypermédias

2013/2014

Filière: TDI

Niveau : 2ère année

Durée : 2h Barème: /40

Partie Théorique (10 pts):

Choisissez les bonnes réponses :

1) Comment pouvez-vous ouvrir un lien dans une nouvelle 2) quelle est la balise qui permet de faire une liste
fenêtre / onglet navigateur? numérotée?
a. <a href="url" new> a.list
b. <a href="url" target="_blank"> b.ul
c. <a href="url" target="new"> c.ol
3) Quelle propriété CSS contrôle la taille du texte? 4) Comment afficher des liens hypertexte sans soulignement?
a. font-style a. a {text-decoration:none}
b. text-size b. a {underline:none}
c. font-size c. a {decoration:no underline}
5) Comment vous arrondissez-vous le nombre de 7,25, à 6) Comment pouvez-vous détecter le nom du navigateur du
l'entier le plus proche? client?
a.Math.rnd(7.25) a. client.navName
b.round(7.25) b. browser.name
c. Math.round(7.25)
c. navigator.appName
7)quelle est la balise qui permet de regrouper les 8) Quel élément HTML5 est utilisé pour spécifier un pied de
champs d’un formulaire : page d'un document ?

a.div a.section
b.fieldset b.bas
c.section c.footer

9) En HTML5, quel attribut est utilisé pour indiquer qu'un 10) ul li : first-child est un sélecteur qui cible:
champ de saisie doit être remplis a. le premier élément <li> de toute balise <ul>
a.required b. tous les élément <li> de la première balise <ul>
b.validate c. le premier élément <li> de la première balise <ul>
c.placeholder

Mr SAOUD
Partie Pratique (30 pts)

Exercice 1 (15 pts) :

Construire un document html et un document css produisant l’affichage ci dessous:

Quelques Consignes :
a. l’entête de la page contient un titre de taille 40 px avec une police Arial sans serif et 70 px
comme taille de sa première lettre.
b. Le menu de navigation est une liste de liens sans puce avec des coins arrondis de 10 px.
c. préciser le positionnement les marges et l’arrondi pour les articles et les boutons.
d. changer la couleur des liens de menu pendant le survol de la souris.

Exercice 2 : Formulaire pour calculer les frais de transport (15 pts)

1) Créer un formulaire composé des éléments suivants : (6 pts)

2) réaliser les programmes JavaScript qui contrôle ce qui suit:

a- Tous les champs sont obligatoires. (1 pts)
b- Le N° de colis doit commencer par de 2 lettres suivis de 3 nombres (exemple AB133) (2pts)
c- La distance et le poids sont des champs numériques.(1 pts)
3) Ecrire la fonction qui permet de calculer le prix total selon les formules suivantes :( 5pts)

 si le poids < 10 kg Cout Total = Distance *0,5 DH .

 si le poids > 10 kg Cout Total = Distance *(poids/10)*0,3 DH.
 Pour le mode express on ajoute un taux de 20% du cout total.

Mr SAOUD
Mr SAOUD