Vous êtes sur la page 1sur 5

Lycée 02/03/1934 DEVOIR DE CONTÔLE N°2

Date : 16/11/2022 Prof : Mme Chargui Hana


Goubolat Durée = 1H
Classe : 3ème Informatique Matière : STI
Nom : …………………………………………… Prénom : …………………………….. Note :

Exercice1 ( 4pts) : Cocher la bonne réponse :

1) Le rôle du CSS est de:


Mettre en forme les éléments Définir des formulaires. Créer des sites.
html d'une page

2) Peut-on aligner un élément en définissant margin-left et margin-right?


Oui c’est possible Non ce n’est pas possible Dans certain cas.

3) Quel attribut peut être ajouté à de nombreux éléments HTML pour les spécifier en tant que
membre d’un groupe spécifique?
Id Div Class

4) Quelle est la syntaxe correcte du code CSS suivant ?


{body color : black ;} Body{color :black ;} Body{color = black ;}

Exercice 2 (4pts) : Compléter le tableau suivanten complétant les codes HTML ou CSS :

<form>
………………………………………….
…………………………………………..
1) Ajouter au formulaire une liste déroulant de 3
choix(primaire, secondaire, supérieur) ………………………………………….
…………………………………………..
…………………………………………..
</form>
2) Compléter le code CSS suivant pour qu’une image …………………………………………………..
soit : aligner à gauche ……………………………………………………
Bordure : double …………………………………………………..
Marge extérieure : 10px ………………………………………………….
Marge intérieure : 15px
3) Compléter le balise suivant pour créer un lien qui <……………= ‘’ exemple.html ‘’ t………………>
s’ouvre dans une autre fenêtre
Exemple<…….>

4) Ajouter un code CSS pour que les liens : …………………………………………

1
Non visité : coloré en rouge …………………………………………..
Visité : couleur arrière-plan : vert

Exercice 3 (12 pts) : Ecrire le code html et CSS qui permet de créer la page suivante en suivant le
tableau ci-dessous..

HTML CSS
1. Dans la partie header écrire le titre de niveau 1 : Header couleur arrière plan : rose
Devoir de contrôle2 (0.75) (1) Hauteur : 70px
2. Dans la partie nav : (1pt) Nav Couleur arrière plan : bleu
 écrire le titre de niveau 1 : Navigation (1) Hauteur : 450px
 Un lien vers une page exemple.html Largeur : 40%
3. Dans la partie section : (3.5) Section Couleur arrière plan : gris
 écrire le titre de niveau 1 : Formulaire (1) Hauteur : 450px
 Créer le formulaire suivant : Largeur : 55%
Position : Adéquat

Footer couleur arrière plan : rose


(1) Hauteur : 70px

5. Dans la partie footer : (0.5) Les en survolant la souris le lien devient


Ecrire le mot copyright liens(a) surligner.

(1)
H1 (1.25) Alignement : centrer

2
Une transition en survolant la souris :
 agrandir la taille d'écriture
jusqu’à atteindre 60px
 L’alignement devient : à droite

3
HTML CSS
<!doctype html> …………………………………………………..
<html><head><metacharset="utf-8"> …………………………………………………..
<title> dc2</title>
…………………………………………………..
<link rel="stylesheet" href="…………….">
…………………………………………………..
</head>
…………………………………………………..
<body>
…………………………………………………..
……………………………………………………………………
…………………………………………………………………… …………………………………………………..
…………………………………………………………………… …………………………………………………..
…………………………………………………………………… …………………………………………………..
…………………………………………………………………… …………………………………………………..
……………………………………………………………………
…………………………………………………..
…………………………………………………………………….
…………………………………………………..
……………………………………………………………………
…………………………………………………………………… …………………………………………………..

…………………………………………………………………… …………………………………………………..

…………………………………………………………………… …………………………………………………..
…………………………………………………………………… …………………………………………………..
……………………………………………………………………
…………………………………………………..
……………………………………………………………………
…………………………………………………..
……………………………………………………………………
…………………………………………………..
……………………………………………………………………
…………………………………………………………………… …………………………………………………..
…………………………………………………………………… …………………………………………………..
…………………………………………………………………… …………………………………………………..
…………………………………………………………………… …………………………………………………..
……………………………………………………………………
…………………………………………………..
……………………………………………………………………
…………………………………………………………………… …………………………………………………..

…………………………………………………………………… …………………………………………………..

…………………………………………………………………… …………………………………………………..
…………………………………………………………………… …………………………………………………..
……………………………………………………………………
…………………………………………………..
……………………………………………………………………
………………………………………………….
……………………………………………………………………
…………………………………………………..
……………………………………………………………………
…………………………………………………...
……………………………………………………………………

4
5

Vous aimerez peut-être aussi