LYCEE IBNOU KHALDOUN –RADES- Classe : 3ème S.I.

1 + 2
DEVOIR DE SYNTHESE N°1 Date : Décembre 2022 Durée : 2 Heures

Matière : S.T.I. Enseignante : Mme CHENINI LTIFI

2022-2023
……….../20
Nom & prénom : ……………………………………………………………………
Le sujet comporte 5 pages
Le candidat est appelé à répondre sur cette même feuille d’examen qui sera remise à la fin de l’épreuve

Exercice N°1 (5,5 points)

Répondre aux questions ci-dessous en mettant une croix ( X ) uniquement dans la case qui correspond à la
bonne réponse.
NB : chaque question comporte une seule réponse correcte.
1. La RAM est une mémoire qui :
Se charge au démarrage de l’ordinateur
Ne change jamais de contenu
Garde son contenu même si l’ordinateur est hors tension

2. Quel est l’ordre correct des étapes de démarrage de l’ordinateur ?

SETUP  BIOS  POST (AUTOTEST)  BOOTSTRAP
BOOTSTRAP  BIOS  SETUP  POST (AUTOTEST)
BIOS  POST (AUTOTEST)  SETUP  BOOTSTRAP

3. Quel est le composant qui ne fait pas partie des composants d’un système d’exploitation ?
Le kernel
Les logiciels d’application
Les pilotes

4. Laquelle de ces syntaxes est correcte pour embarquer une image dans la page html?
<img> src="mon-image.jpg" alt="Une image"</img>
<img src="mon-image.jpg" alt="Une image">
<img href="mon-image.jpg" alt="Une image">

5. Laquelle de ces pratiques doit être exceptionnelle (c'est à dire très rarement utilisée) ?
placer le css dans un élément HTML style à l'intérieur de la balise head de la page
placer le css dans un attribut style de chaque élément html dans la page
placer le css dans un fichier ".css" séparé

6. Avec la règle css suivante : p.bli { color: red;}

le texte de tous les paragraphes sera rouge
seul le texte des paragraphes de classe bli sera rouge
seul le texte du paragraphe d'identifiant bli sera rouge
Page 1/5
7. Dans la règle suivante, quel élément deviendra rouge : strong , #intro {background-color: red;} ?
L'élément dont l'id est "intro" et qui est contenu dans un élément <strong>
L'élément <strong> dont l'id est "intro"
Tous les éléments <strong> et les éléments dont l'id est "intro"

8. Combien de règles peut contenir un fichier CSS ?

Il n'y a pas de limite, on peut en créer autant que l'on veut
Si le poids du fichier n'excède pas 20Ko, c'est tout bon
Cela dépend des navigateurs

9. Comment faire pour qu'une div prenne toute la largeur disponible dans son bloc conteneur ?
div {width: 80%; padding: 10%;}
div {width: 100%; padding: 10%;}
C'est automatique, pas besoin de spécifier une largeur.

10. Si on écrit a:active {color: red;} dans une feuille de style, quels liens seront de couleur rouge ?
les liens pointant vers la page en cours (par exemple dans un menu de navigation)
n'importe quel lien de la page, mais uniquement au moment où on clique sur ce lien
n'importe quel lien de la page, mais uniquement au moment où on le survole avec le pointeur de la
souris

11.Quelle est la valeur minimum nécessaire pour qu'une transition fonctionne ?

le nom de la transition
la durée de la transition
l’accélération de la transition

Exercice N°2 (2,5 points)

Remplir chaque espace pointillé dans le paragraphe ci-dessous par le mot adéquat parmi la liste de mots
suivante : périphériques, matérielles (hardware), gestionnaire, bonne gestion, utilisateurs,
Operating System, ressources, programmes, l’ordinateur, périphériques.

Définition d’un système d’exploitation

Le système d’exploitation est un …………………….. de ………………………. de la machine. Il
permet l’attribution de ces ressources aux différents………………... et aussi à la libération de ces
ressources lorsqu’elles ne sont plus utilisées. Tous les ……….……………..comme la mémoire, le disque
dur ou les imprimantes sont des ressources, le processeur également est une ressource. L’ordinateur est un
ensemble de ressources ……………………..…exemple processeur, mémoire, disque dur, etc.
Un Système d’Exploitation (SE), …………………………en anglais (OS), est un ensemble de
…………………. (logiciels) qui permettent d’assurer la ……….………………..de
………….…….…….. et de ses……………………….. .

Page 2/5
Exercice N°3 (6 points)
ts)
1. Soit le code html suivant :
 Travail demandé : Réécrire le code html ci-dessus
ci en
apportant les modifications nécessaires (utiliser des class et des
id au besoin) ainsi que le code css afin de :
 Colorier le texte du premier et deuxième paragraphe en
rouge.
 Appliquer une couleur de fond jaune au bloc de texte
contenant le titre, le paragraphe1 et la liste

 Réponse :
Code html modifié Code CSS
………………………………………………………… …………………………………………
………………………………………………………
………………………………………………………… ………………………………………………………
………………………………………………………… ………………………………………………………
………………………………………………………… ………………………………………………………
………………………………………………………… ………………………………………………………
………………………………………………………… ………………………………………………………
………………………………………………………… ………………………………………………………
………………………………………………………… ………………………………………………………
………………………………………………………… ………………………………………………………
………………………………………………………… ………………………………………………………
………………………………………………………… ………………………………………………………
………………………………………………………… …………………………………………………
………………………………………………………

2. Soit la page web suivante : Exercice3.html

Page 3/5
 Complète les codes html et css par ce qui convient afin de développer la page web ci
ci-dessus.

Exercice2.html Style_ex2.css

Exercice N°4 (6 p
points)
Soit une page web nommée " page1.html " contenant la carte du grand Maghreb.
Maghreb La carte de chaque pays
dans la page " page1.html" représente une zone cliquable faisant un lien vers une autre page contenant le
drapeau correspondant à ce pays. Par exemple : lorsqu’on clique sur la Tunisie dans la page "page1.html ",
c’est la page " page2.html " contenant le drapeau de la Tunisie qui sera afficher et ainsi de suite.

Page1.html
Page 4/5
  Travail demandé :
On désire créer deux pages web nommées respectivement « page1.html » et « page2.html » contenant
chacune une image mappée. En effet, la page « page1.html » contient l’image « Grand_Maghreb.bmp » et
la page « page2.html » contient l’image « drapeau_Tunisie.bmp».

Page2.html
1. Donner la partie de code HTML de la page « page1.html » permettant d’y insérer l’image mappée
« Grand_Maghreb.bmp» dont la carte de la Tunisie est une zone cliquable ayant comme lien hypertexte la page
« page2.html »
……………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………
..…………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………
2. Donner la partie de code HTML de la page « page2.html » permettant d’y insérer l’image mappée
« drapeau_Tunisie.bmp» dont le cercle blanc du drapeau est une zone cliquable ayant comme lien hypertexte la page
« page1.html »
……………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………
..…………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………
3. Appliquer une animation sur le drapeau de la Tunisie permettant de changer sa forme d’une éclipse en un
rectangle en 3 secondes et inversement de façon permanente (un nombre infini de fois).
……………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………
..…………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………
..…………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………
Bon Travail
Page 5/5