Direction Régionale de Casa-Settat

EVALUATION DE FIN DE MODULE REGIONALE

AU TITRE DE L’ANNEE : 2023-2024

Filière : Développement digital Année de formation : 1A

Niveau : TS Type d’épreuve : TH/PR

N° du module : 104 Durée : 2H30

Intitulé du module : Développer des sites statiques Coefficient : 3

Date d'évaluation : 20 Janvier 2024 Barème/40

Variante 1

PARTIE THEORIQUE :14PTS

1. Donnez un exemple de la structure minimale d’un document HTML. (2pts)
2. Un document HTML peut contenir des ________ (1pt)
a. Attributs
b. Balises
c. Texte brut
d. Toutes les réponses sont correctes.
Donnez un exemple qui correspond à la bonne réponse. (2pts)
3. Donnez un exemple de création d’une liste à puces avec des carrés. (2pts)
4. Complétez les styles CSS suivants :

a. h1 {
…………. : ………….; /* Choisir une couleur de texte, par exemple, bleu */
………….. : ……………; /* Définir la taille de la police à 2em*/
……………: …………; /* Ajuster la marge inférieure pour créer un espace sous le titre, par exemple, 20 pixels */
} (3pts)

b. div.example {

……………………. : …………………; /* Couleur de fond jaune */

……………………: ………………..; /* Bordure orange de 2 pixels */
……………………….: ……………; /* Espacement intérieur de 15 pixels */
………………..: ………………. /* Police de caractères Verdana */
………………… : ……………………; /* Couleur du texte en gris */
……………… : …………/* Hauteur fixe de 150 pixels */
………………….. : ……………; /* Utilisation de Flexbox */
…………….. : ……………….. ; /* Alignement vertical au centre */
………………. : …………………….. ; /* Justification du contenu (espace entre les éléments) */
} (4pts)

Direction Régionale 50 Rue Caporal Driss Chbakou - Ain Bordja V1 – Page 1 /2

Casablanca Settat BP 24604 Casablanca Maroc
 (0522) 60 04 32 Fax : (0522) 60 39 65
PARTIE PRATIQUE : 26PTS

Dans le cadre des actions sociales, entreprises par notre royaume, un nouveau régime d'Assurance
Maladie Obligatoire (AMO) a été lancé, pour aider les personnes ne pouvant s'acquitter des droits de
cotisation. L’inscription dans ce nouveau système se fait via la plateforme suivante :

On suppose que vous faites partie de l’équipe de développement de cette plateforme digitale.

1. Réalisez le formulaire de demande d’inscription : (16pts)

2. Réalisez les actions nécessaires pour avoir le style visible sur la partie encadrée : (10pts)
a. Ciblez la partie qui contient « informations sur le demandeur » et « liste des enfants »
pour lui appliquer le style suivant : couleur de fond en vert clair, couleur du texte en
noir et des marges intérieures de 10px. (2pts)
b. Les inputs doivent avoir une bordure de 1 pixel, avec un trait continu en gris, des bords
arrondis et une largeur fixée à 200px. (2pts)
c. Les champs de saisies actifs doivent changer de couleur de fond et de bordure. La
bordure est également affichée avec une ombre. (3pts)
d. Modifiez les propriétés du bouton d’envoi du formulaire pour avoir le même rendu que
sur l’image. (Couleur du texte, couleur du fond, marge intérieure, largeur et position)
(3pts)

Direction Régionale 50 Rue Caporal Driss Chbakou - Ain Bordja V1 – Page 2 /2

Casablanca Settat BP 24604 Casablanca Maroc
 (0522) 60 04 32 Fax : (0522) 60 39 65