Exercice pratique sur la mise en forme CSS
Objectifs
À la fin de cette vidéo, vous serez capable de :
- Comprendre les bases de la mise en forme CSS
- Appliquer les styles CSS pour structurer des éléments HTML
- Imiter des designs de sites existants comme Wikipédia
Résumé
Cette leçon sur la mise en forme CSS vous montre comment structurer et styliser une page HTML pour obtenir un rendu esthétique similaire à celui de Wikipédia.
Description
Cette démonstration pratique illustre les bases de la mise en forme CSS. En utilisant un exemple tiré de Wikipédia, nous montrons comment appliquer divers styles pour obtenir un rendu similaire. La leçon couvre l'ajout de bordures, de marges et de padding, ainsi que la modification des polices de caractères. Nous apprenons aussi à gérer les marges des titres, à styliser les listes, à retirer la décoration des liens et à appliquer des styles spécifiques aux paragraphes. Ce tutoriel met l'accent sur l'utilisation efficace de CSS pour améliorer la lisibilité et l'esthétique de nos pages web.
Questions - réponses
Programme détaillé
Module 1 - Introduction
Module 2 - Apprendre XHTML et CSS
Module 3 - Premier contact avec HTML et CSS
Module 4 - Annexe 1: Travailler avec les bons outils
Module 5 - Introduction à la mise en page en CSS
Module 6 - Annexe 2 : Standards et validité
Module 7 - Mise en page d'un design simple
Module 8 - Des menus de navigation en HTML et CSS
Module 9 - Annexe 3 : L'encodage des caractères
Module 10 - Mise en forme du contenu
Module 11 - Annexe 4 : Des gabarits de mise en page pour vos projets
Module 12 - Mise en forme d'un contenu
Module 13 - Conclusion
Facebook
Twitter
Linkedin
Email
Je me perds toujours dans les marges, les paddings et les positionnements!
Beaucoup de petites astuces, bienvenues.
Gros défaut: tous les écrans sont flous, et le son est exécrable.