Création d'une Page Liquide avec CSS

Mise en page liquide avec Tuto Dreamweaver CS5
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Dreamweaver CS5
Revoir le teaser Je m'abonne
Transcription

59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

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.

Apprenez à concevoir des pages liquides en utilisant des unités en pourcentage pour une adaptabilité optimale dans divers navigateurs.

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.

Voir plus
Questions réponses
Qu'est-ce qu'une page liquide en CSS ?
Une page liquide est une page dont les dimensions des éléments sont définies en unités de pourcentage, permettant aux éléments de s'ajuster en fonction de la taille de la fenêtre du navigateur.
Pourquoi est-il déconseillé d'utiliser des images dans les pages liquides ?
Car les images ne peuvent pas être agrandies ou réduites proportionnellement à la taille de la page, ce qui peut entraîner des problèmes d'affichage.
Comment peut-on résoudre le problème de texte qui dépasse la zone de travail dans une page liquide ?
En supprimant la hauteur fixe des éléments, ce qui permet à la boîte de s'ajuster automatiquement à la taille de son contenu.

Programme détaillé