Transfert et Ajustement de Styles HTML/CSS
Objectifs
Les objectifs de cette vidéo sont :
- Apprendre à intégrer du contenu HTML d'un fichier exercice à une page web.
- Comprendre les principes de priorité des sélecteurs CSS.
- Maîtriser l'utilisation des marges et paddings en CSS.
- Savoir personnaliser les puces de listes avec des images de fond.
Résumé
Cette leçon porte sur le transfert de contenu HTML et CSS d'un fichier exercice vers une page produit, en mettant l'accent sur les ajustements nécessaires.
Description
Dans cette leçon, nous allons voir comment transférer et intégrer du contenu HTML et des styles CSS d'un fichier d'exercice à une page produit tout en effectuant les ajustements nécessaires. Nous commencerons par copier le contenu HTML dans le conteneur approprié puis nous ajusterons les styles CSS en fonction de la structure et des spécificités de notre page produit. Nous traiterons des questions de priorité des sélecteurs CSS, de la gestion des marges et paddings, et des images de fond pour personnaliser les puces des listes. Enfin, nous aborderons l'utilisation de classes pour assurer la cohérence du design global du site web, notamment en discutant des classes dédiées aux titres, aux listes et aux boutons. Cette leçon met en lumière les aspects pratiques des ajustements syntaxiques en CSS et HTML et leur application directe dans un environnement de développement 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.