Scribd
Importer
3 vues2 pages

TP 5 CSS

Ce document présente un TP sur le développement web en HTML et CSS, dirigé par Pr Majdoulayne HANIFI pour des étudiants de 2ème année. L'objectif est de familiariser les étudiants avec les balises HTML de base et la syntaxe CSS3, ainsi que les techniques de positionnement des blocs. Deux exercices sont proposés : créer une figure avec des éléments sémantiques HTML5 et un document web responsive utilisant flexbox.

Transféré par

simoelfene71
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 DOCX, PDF, TXT ou lisez en ligne sur Scribd
3 vues2 pages

TP 5 CSS

Ce document présente un TP sur le développement web en HTML et CSS, dirigé par Pr Majdoulayne HANIFI pour des étudiants de 2ème année. L'objectif est de familiariser les étudiants avec les balises HTML de base et la syntaxe CSS3, ainsi que les techniques de positionnement des blocs. Deux exercices sont proposés : créer une figure avec des éléments sémantiques HTML5 et un document web responsive utilisant flexbox.

Transféré par

simoelfene71
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 DOCX, PDF, TXT ou lisez en ligne sur Scribd

 TP 5: CSS

 Nom de l’enseignant : Pr Majdoulayne HANIFI


 Niveau : CP - 2ème année

TP n° 6
Développement Web HTML\CSS
CSS

Objectif :

L’objectif de ce TP est de se familiariser avec les balises de base du langage HTML et de


mieux comprendre le fonctionnement de ces balises.

Nous allons nous intéresser à ce qui suit :


 Connaitre la syntaxe du langage CSS3
 Comprendre les techniques de positionnement des blocs avec le CSS
Exercice 1:
1. Créer la figure ci-dessous avec le modèle HTML5/CSS3.
2. Le modèle sera basé sur l’utilisation de nouveaux éléments sémantiques HTML5
d’organisation des contenus (div et float), c’est-à-dire des éléments de bloc.
3. La Figure suivante représente le résultat souhaité

CP2 2024/2025 Page 1


 TP 5: CSS
 Nom de l’enseignant : Pr Majdoulayne HANIFI
 Niveau : CP - 2ème année

Exercice 2:
1. Créer un document web avec un modèle HTML5/CSS3.
2. Le modèle sera basé sur l’utilisation de nouveaux éléments sémantiques HTML5
d’organisation des contenus « flexible ». Utilisez flexbox pour créer un site Web
responsive, contenant une barre de navigation flexible.
La figure suivante représente le résultat souhaité

CP2 2024/2025 Page 2

Vous aimerez peut-être aussi