Enseignante : Monia CHENINI 3 SI 2022-2023 Enseignante : Monia CHENINI 3 SI 2022-2023

Correction de l’activité N°1: code HTML

Mini projet N° 1 : Création d’un site web éducatif
 Thème : informatique
 Sujet : Cours de la matière STI pour les élèves 3SI.
 Objectifs :
1. Se familiariser avec les balises html permettant de structurer de la page web (header + aside +
section + footer)
2. Insertion d’une image et spécification de ses propriétés en utilisant le lgge CSS3
3. Image d’arrière plan
4. Couleur d’arrière plan
5. …
 Introduction :
On désire cré er un site web (html5 + css3) représentant le cours de la matière STI, en particulier les modules
concernant les systèmes d’exploitation, les réseaux informatiques ainsi que les objets communicants.
 Activité 1 : soit la page web suivante « accueil.html »

CSS :

1. Donner le code html 5 permettant de créer cette page et l’enregistrer dans votre répertoire de travail avec le
nom « accueil.html ».
2. Donner le code css3 permettant d’appliquer la mise forme ci-dessous à la page « accueil.html »et l’enregistrer
avec le nom « style.css » dans votre répertoire de travail.
2.1. arrière plan du document : une image significative
2.2. le titre du document est centré
2.3. élément section: flottant à gauche, largeur=70% et hauteur= 400px
2.4. les tite h1 et les listes, inclus dans la balise <section>,: taille de caractère très grande, et textes alignés à
gauche
2.5. les items (éléments) de la liste ul: texte aligné à gauche, couleur d'arrière plan= silver, marge inférieure =
5px, sans puces, bordure de gauche =10px et solide
2.6. en survolant les items de la liste la couleur d'arrière plans change en "aqua"
2.7. le lien hypertexte sans décoration, couleur noir

Lycée Ibnou Khaldoun Rades Lycée Ibnou Khaldoun Rades