Création d'une Page Liquide avec CSS
Apprenez à concevoir des pages liquides en utilisant des unités en pourcentage pour une adaptabilité optimale dans divers navigateurs.
Introduction
Découverte









Créer des pages
























Réaliser des pages













Les spécialités de Dreamweaver






















Détails de la leçon
Description de la leçon
Dans cette leçon, nous explorerons la création de pages liquides, où les différents éléments de structure sont définis avec des unités en pourcentage. Nous commencerons par insérer un bloc nommé « contenu » et attribuerons des marges à droite et à gauche en pourcentages. Grâce à une conception fluide, ces pages s'adaptent automatiquement à la taille du navigateur, offrant une expérience utilisateur améliorée. Nous aborderons également les défis potentiels, tels que la gestion de la hauteur des éléments, et proposerons des solutions efficaces pour les résoudre. Enfin, nous discuterons des limitations liées à l'utilisation d'images dans ce contexte et soulignerons l'importance d'une conception préalable réfléchie pour garantir le succès de cette approche.
Objectifs de cette leçon
Les principaux objectifs de cette vidéo sont :
1. Comprendre le concept de page liquide.
2. Apprendre à utiliser des unités en pourcentage dans CSS.
3. Savoir ajuster les marges et la taille des éléments pour créer un design flexible.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir :
1. Des bases en HTML et CSS.
2. Une compréhension des blocs div et des unités de mesure CSS.
Métiers concernés
Les connaissances acquises sont applicables dans des métiers tels que :
- Développeur Front-End
- Web Designer
- Intégrateur Web.
Alternatives et ressources
En alternative, vous pouvez utiliser des frameworks CSS comme Bootstrap ou Foundation pour créer des designs adaptatifs sans effort manuel.
Questions & Réponses
