Introduction
Apprendre XHTML et CSS
Premier contact avec HTML et CSS
Annexe 1: Travailler avec les bons outils
Introduction à la mise en page en CSS
Annexe 2 : Standards et validité
Mise en page d'un design simple
Des menus de navigation en HTML et CSS
Annexe 3 : L'encodage des caractères
Mise en forme du contenu
Annexe 4 : Des gabarits de mise en page pour vos projets
Mise en forme d'un contenu
Détails de la leçon
Description de la leçon
Cette leçon couvre la création d'une fiche produit en HTML, en mettant l'accent sur l'utilisation de styles CSS alternatifs et l'implémentation d'un conteneur full-width. Dans un premier temps, nous avons créé une page appelée produit.html sans contenu. Ensuite, nous avons ajouté des styles CSS spécifiques dans un fichier nommé produit.css. Cela comprenait la création de menus horizontaux et de styles pour indiquer le mode de navigation et le contenu de la fiche produit. La leçon montre également comment intégrer et utiliser des images spécifiques pour les menus et les fonds. Nous avons utilisé trois images dans le dossier images, chacune ayant une fonction spécifique, comme les menus horizontaux et les fonds de contenu alternatifs. Enfin, la leçon compare les dimensions des différentes images utilisées, en expliquant l'effet de leur taille sur la mise en page globale.
Objectifs de cette leçon
Les objectifs de cette vidéo sont de :
- Apprendre à créer une fiche produit en HTML.
- Utiliser des styles CSS alternatifs.
- Comprendre l'intégration d'images spécifiques pour les menus et les fonds.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé de connaître les bases du HTML et du CSS.
Métiers concernés
Ce sujet est pertinent pour les métiers suivants :
- Développeur Web
- Designer Web
- Intégrateur HTML/CSS
Alternatives et ressources
Comme alternatives, vous pouvez utiliser des frameworks comme Bootstrap ou Tailwind CSS pour simplifier le processus de création de styles alternatifs.
Questions & Réponses
Je m'abonne