Centrer Horizontalement et Verticalement
Objectifs
Les objectifs de cette vidéo sont de vous montrer comment :
- Utiliser les options avancées de positionnement.
- Centrer des éléments horizontalement et verticalement.
- Tester et valider le comportement responsive dans un navigateur.
Résumé
Apprenez à centrer des éléments de manière responsive et à utiliser les options avancées de positionnement pour garantir un affichage optimal sur tous les appareils.
Description
Dans cette leçon, nous allons explorer comment positionner et centrer des éléments de manière réactive en utilisant les options avancées de positionnement. Vous apprendrez à centrer des éléments horizontalement et verticalement, ainsi qu'à ajuster leur position en pourcentage par rapport à différents repères de l'écran, tels que le bas ou le haut, tout en garantissant une compatibilité optimale sur les écrans de différentes tailles.
Le processus implique de vérifier les propriétés dans l'onglet position et d'utiliser les options avancées pour définir les paramètres de centrage. Par exemple, vous pouvez assigner un centrage horizontal à 50% et un décalage par rapport au bas de 10%. Une fois ces réglages définis, il est crucial de tester le design dans un navigateur pour s'assurer du comportement attendu sur différents dispositifs, y compris les smartphones, tablettes et ordinateurs de bureau.
Ce tutoriel illustre également les défis potentiels associés à la création d'un design responsive, comme le besoin de positionner des éléments indépendamment pour différents appareils afin d'assurer qu'ils s'affichent correctement dans chaque contexte. En suivant cette leçon, vous serez mieux préparé à concevoir des interfaces utilisateur qui s'adaptent harmonieusement à diverses résolutions d'écran.
Cependant à ce jour (09/2020) la dernière partie (projets réactifs) est devenue désuète du fait de l'évolution de l'outil Captivate.
On aimerait voir une mise à jour de cette formation en lien avec Captivate 2019 !
Cependant à ce jour (09/2020) la dernière partie (projets réactifs) est devenue désuète du fait de l'évolution de l'outil Captivate.
On aimerait voir une mise à jour de cette formation en lien avec Captivate 2019 !