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 aborderons la transformation d'un gabarit de largeur fluide en gabarit de largeur fixe, en employant les propriétés CSS telles que width, min-width, et max-width. Un gabarit de largeur fluide ajuste automatiquement sa taille en fonction de la fenêtre du navigateur, offrant une expérience flexible sur différents appareils et résolutions. Cependant, il peut devenir difficile à gérer lorsque des éléments de contenu ont une largeur préétablie.
Vous apprendrez également à configurer des largeurs fixes pour des éléments spécifiques (par exemple, un conteneur de 750 pixels) et à utiliser des pourcentages pour maintenir une proportionnalité tout en définissant des minimums et des maximums pour prévenir des affichages inesthétiques. Nous finaliserons avec une discussion sur la largeur fluide intelligente, qui combine à la fois flexibilité et contraintes pour maintenir une présentation cohérente.
Objectifs de cette leçon
Comprendre comment transformer un gabarit de largeur fluide en largeur fixe. Apprendre à utiliser les propriétés CSS width, min-width, et max-width pour ajuster les gabarits web.
Prérequis pour cette leçon
Connaissance de base en HTML et CSS. Compréhension des concepts de mise en page web.
Métiers concernés
Développeur web, Designer UI/UX, Intégrateur HTML/CSS
Alternatives et ressources
Utilisation de frameworks CSS comme Bootstrap ou Foundation pour gérer les mises en page fluides et fixes.
Questions & Réponses
Je m'abonne