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
Dans cette leçon, nous allons réaliser ensemble la mise en page d'une fiche produit en utilisant le positionnement CSS. Nous partirons d'un simple texte brut sans balises HTML, puis nous créerons les balises nécessaires avant d'appliquer les styles CSS.
Le contenu principal inclura un titre, une image de produit, des informations techniques en liste non ordonnée, un argumentaire détaillé et enfin un bouton de commande stylisé.
Les styles incluront la gestion de la largeur du conteneur principal et l'application de couleurs de fond spécifiques. Il est important de respecter la structure HTML avec des balises sémantiques appropriées pour permettre au CSS d'agir efficacement.
Objectifs de cette leçon
Comprendre la création de balises HTML à partir d'un texte brut et savoir appliquer les styles CSS de positionnement et de mise en page.
Prérequis pour cette leçon
Connaissance de base en HTML et CSS
Métiers concernés
Développeur Web, Designer Front-End, Intégrateur HTML/CSS
Alternatives et ressources
Vous pouvez utiliser d'autres méthodes de positionnement CSS telles que Flexbox ou Grid Layout.
Questions & Réponses
Je m'abonne