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 comment créer une mise en page élastique en utilisant des blocs dimensionnés en EM. Les unités EM sont relatives à la taille de la police de la page. Ainsi, en modifiant la taille de la police générale, les blocs changent proportionnellement. Nous verrons comment insérer des blocs avec un identifiant et leur attribuer des dimensions spécifiques (ex. 50 EM de largeur et 20 EM de hauteur), et comment les styles appliqués à ces blocs changent avec l'ajustement de la taille de la police. Nous expliquerons également une astuce répandue : ramener la taille de police à 62.5% pour simplifier les calculs avec les unités EM. Enfin, nous aborderons comment gérer les éléments enfants pour éviter de modifier les dimensions des éléments parents lorsqu'on ajuste la taille de la police pour le texte dans des zones spécifiques.
Objectifs de cette leçon
Les objectifs de cette leçon sont de :
- Comprendre l'usage des unités EM pour une mise en page adaptative.
- Apprendre à ajuster les tailles de blocs en fonction de la police.
- Découvrir les astuces pour simplifier les calculs de dimensions.
Prérequis pour cette leçon
Il est recommandé de connaître les bases de HTML et de CSS avant de suivre cette vidéo.
Métiers concernés
Les connaissances de cette vidéo sont utiles pour les web designers, les développeurs front-end et les intégrateurs web.
Alternatives et ressources
Pour des mises en page adaptatives, on peut utiliser des unités de taille comme les pourcentages (%) ou les unités de vue (vw, vh).
Questions & Réponses
Je m'abonne