Images dans le HTML et le CSS
Objectifs
À la fin de cette vidéo, vous serez capables d'intégrer des images en HTML et CSS, de distinguer les images de contenu et de fond, et de comprendre l'importance de l'accessibilité grâce à l'utilisation des attributs alt.
Résumé
Découvrez comment intégrer efficacement des images en HTML et en CSS pour enrichir le contenu visuel de vos pages web.
Description
Dans cette leçon, nous nous penchons sur l'intégration des images en HTML et CSS. Nous apprenons à distinguer les images de contenu des images de fond, ainsi que les bonnes pratiques pour les inclure dans notre code HTML et CSS.
Les images de contenu, telles que les logos ou les illustrations significatives, sont intégrées directement dans le code HTML, car elles font partie du contenu essentiel de la page. En revanche, les images de fond, souvent utilisées pour des éléments décoratifs, sont insérées via CSS.
Un point crucial abordé est l'accessibilité. L'inclusion de l'attribut alt pour chaque image est nécessaire pour fournir un texte alternatif lorsque l'image ne peut être affichée, ce qui est surtout utile pour les personnes utilisant des technologies d'assistance.
Enfin, nous couvrons les techniques CSS permettant de contrôler l'affichage et le positionnement des images, telles que l'utilisation de la propriété float pour les faire flotter à droite ou à gauche d'un bloc de texte et l'ajustement des marges pour un rendu plus propre.
Questions fréquentes
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
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.