Scribd
Importer
2K vues1 page

Activité 1 Correction

Le document décrit un mini-projet visant à créer un site web éducatif sur le thème de l'informatique. Il fournit les instructions pour le code HTML et CSS nécessaire, notamment la structure de base de la page, l'insertion d'une image et les styles pour les éléments.

Transféré par

louayrjili63
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
2K vues1 page

Activité 1 Correction

Le document décrit un mini-projet visant à créer un site web éducatif sur le thème de l'informatique. Il fournit les instructions pour le code HTML et CSS nécessaire, notamment la structure de base de la page, l'insertion d'une image et les styles pour les éléments.

Transféré par

louayrjili63
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

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

Vous aimerez peut-être aussi