1.
GRD Sere ur
OFPPT Office de la Formation Professionnelle
et de la Promotion du Travail
tab oes Pane
Partie HTML (a6 pts);
Donner le code html de la page « accueil.html » en respectant les consignes suivantes
Un header avec l'image « ofppt.png » et un titre. (3pts)
. Un menu de navigation sous forme d'une liste de liens, (3pts)
Un conteneur avec trois objets, chaque objet contient (4pts}
* le titre dela filigre
© La description de la filigre
* Quatre liens vers les pages associgs.
Un formulaire de connexion avec des liens pour créer un nouveau compte ou bien
récupérer un mot de passe oublie. (Apts)
Le pied de page contient 2liens (2pts)
Plan du site permettant l'acces a la page « plan.html ».
* Contact permettant d’envoyer un email a l'adresse «
[email protected] ».
Partie CSS ou BootStrap (14 pts):
Utiliser une feuille de style CSS externe nommé « style.css » pour appliquer la mise en
page comme sur la figure précédente en respectant les consignes suivantes :
a. Le header contient un titre avec une police « sans-serif net une couleur « blue ».
(2pts)
b. Le menu de navigation est une liste de liens avec une couleur rgb(221,221,221)
et une police « Arial, Helvetica, sans-serif ». (2pts)
c. Au survol de la souris I'¢lament de menu devient rgb{104, 24, 232) ,souligné et
gras. (2pts)
d. Préciser le positionnement, les marges,
et les boutons. (2pts)
alignement et l'arrondi pour les articles
e. Au survol dela souris sur un article : (2pts)
Appliquer une bordure solide d’épaisseur 2px et de couleur Blue,
* Un arrondissement de 20px et une couleur de fond reb(223, 223, 223).
f. Pourles petits écrans « 700 px » les divisions doivent étre alignées
verticalement. (2pts)
£. Modifier le style de |'¢lément d'entrée Input lorsque celul-ci regoit le focus : Fond
en bleu et texte en blanc, (1pt)
h. Les liens du pied de page sont alignés a droite avec soulignement au survol de la
souris. (1pt)
rection Réyionale
Casablanca Settat
50 Rue Coporol Driss Chbokou » Alo Hordya ~ Casablanca
05 22 6000.82/83 Fox: 05 2260.9 65
Scanné avec CamScanner Wetwietawel “et de la Promotion du Travail
Direction Régionale de Casa Settat
| EVALUATION DE FIN DE MODULE
| AU TITRE DE L’ANNEE : 2022/2023
| Filigre : Développement DIGITAL Année de formation : 1A.
Niveau: TS Epreuve ; THIPR
N° du module: M104 Durée : 3H
Intitulé du module : Développer des Sites Web Statiques Coefficient : 3
| Date d'évaluation : 16/01/2023 Bareme/40
L VARIANTE 4 __
I, PARTIE THEORIQUE : (10pts)
Qu'est-ce que CSS flexbox? (2pts)
Quelle est la différence entre le remplissage et la marge? (2pts)
Quelles sont les barres de navigation en CSS? (2pts)
Ecrivez tous les états de position utilisés dans CSS. (2pts)
Quelles sont les avantages du Framework BootStrap ? (2pts)
Il, PARTIE PRATIQUE : (30pts)
Soit la page web suivante
eae
2 — options du secteur digital
Pee ee ee ee
r P
DDOARVIRA | | sare
| owen con
| Saneboeusaws | once
i
| =-
ili
wi
*
Direction Régionale 50 Rue CoporalDriss Chbakou - Ain Borojo ~ Casablonca
Cagebtenee Sorta 05 22600082/83 Fox: 05 22603965
Scanné avec CamScanner
