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.
Questions fréquentes
Programme détaillé
Module 1 - Introduction
Module 2 - Les actions permettant de piloter la tête de lecture et de naviguer dans le module
Module 3 - Créer un module non linéaire
Module 4 - Les actions permettant de modifier l’affichage d’un objet
Module 5 - Les actions permettant de modifier l’interface de navigation
Module 6 - Les actions permettant de piloter l’audio
Module 7 - Les actions permettant d’effectuer des actions extérieures au module
Module 8 - Les actions permettant d’aller plus loin
Module 9 - Les variables dans Adobe Captivate
Module 10 - Les actions avancées
Module 11 - Les actions partagées
Module 12 - Les actions avancées conditionnelles
Module 13 - Les quizs avancés dans Adobe Captivate
Module 14 - Les projets réactifs
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 !