Scribd
Importer
2 vues2 pages

TP7 CSS

Ce document présente un TP sur le développement web en HTML et CSS, dirigé par le Pr Majdoulayne HANIFI pour des étudiants de 2ème année. L'objectif est de se familiariser avec les balises HTML de base et la syntaxe CSS3, ainsi que les techniques de positionnement des blocs. Le TP comprend des exercices sur la création de pages web en utilisant différentes méthodes de mise en page, telles que float, frameset et 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
2 vues2 pages

TP7 CSS

Ce document présente un TP sur le développement web en HTML et CSS, dirigé par le Pr Majdoulayne HANIFI pour des étudiants de 2ème année. L'objectif est de se familiariser avec les balises HTML de base et la syntaxe CSS3, ainsi que les techniques de positionnement des blocs. Le TP comprend des exercices sur la création de pages web en utilisant différentes méthodes de mise en page, telles que float, frameset et 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 7: CSS

 Nom de l’enseignant : Pr Majdoulayne HANIFI


 Niveau : CP - 2ème année

Développement Web HTML\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 :
Ecrire le code HTML correspondant à cette page web en utilisant les « Div »

Exercice 2 :
Ecrire le code HTML de ces div en les remplissant par des informations utiles,
essayer de les créer en différentes manières :
En-tête, colonnes et pied de page soit inégaux soit égaux :

 En utilisant float,
 En utilisant frameset

CP2- 2024/2025 Page 1


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

 Avec flexbox,

CP2- 2024/2025 Page 2

Vous aimerez peut-être aussi