Début du Tutoriel
Objectifs
Les objectifs de ce tutoriel sont de vous apprendre à :
1. Créer une mise en page en trois colonnes avec HTML et CSS.
2. Utiliser des classes pour styliser des sections spécifiques.
3. Ajouter des ombres et des arrondis aux éléments pour une présentation esthétique.
Résumé
Apprenez à créer une mise en page en trois colonnes avec des ombres et des classes spécifiques en HTML et CSS.
Description
Dans ce tutoriel, nous allons vous montrer comment réaliser une mise en page en trois colonnes en utilisant HTML et CSS. La mise en page comprendra des éléments spécifiques tels que des cartouches avec des ombres et des classes. Tout d'abord, nous allons créer une nouvelle feuille de style que nous nommerons style 3 colonnes. Ensuite, nous allons ajouter des classes pour chaque section afin de les styliser correctement.
Nous travaillerons sur trois sections principales : une section de gauche avec des éléments comme la météo, les points de vente et le calendrier, une section centrale pour le contenu principal, et une section de droite dédiée à la publicité. Chacune de ces sections aura des propriétés spécifiques, telles que display: inline-block et des alignements verticaux pour assurer une mise en page cohérente et alignée.
Enfin, nous verrons comment ajouter des couleurs spécifiques à chaque section pour mieux les différencier, et nous terminerons avec un aperçu de notre travail dans un navigateur pour vérifier la mise en page finale.
Questions - réponses
Programme détaillé
Module 1 - Introduction à la formation HTLM5 et CSS3
Module 2 - Les bases de la mise en page
Module 3 - La mise en page avancée
Module 4 - Autres sélecteurs et propriétés
Dommage.