Découvrez comment ajouter et configurer un bouton dans un projet Adobe Captivate.
Adobe Captivate introduit les blocs de contenu, tels que les blocs de texte ou d’image, qui contiennent des composants comme du texte, une image ou un bouton. Regardez cette vidéo pour en savoir plus sur les blocs de contenu et les composants.
Les boutons du nouvel Adobe Captivate sont des éléments interactifs sur lesquels les élèves peuvent cliquer pour déclencher diverses actions et comportements ou pour naviguer dans un projet. Les boutons renforcent l’engagement des utilisateurs, offrent de l’interactivité et guident les élèves dans les supports de formation.
Lors de la conception d’un bouton, vous pouvez appliquer un style et une couleur pour personnaliser son apparence et lui ajouter une action.
Sélectionnez Ajouter des composants interactifs > Bouton dans la barre d’outils de gauche pour ajouter un bloc de contenu de bouton.
Adobe Captivate permet d’ajouter un bloc de contenu de bouton et de modifier son apparence, sa couleur, etc.
Dans le panneau Propriétés visuelles, développez la section Alignement et espacement.
Le curseur Largeur du contenu et Marge intérieure horizontale sont liés dans la section Alignement et espacement. Déplacez le curseur à partir de la gauche pour modifier la valeur de la marge intérieure gauche. Déplacez-le vers la droite pour modifier la valeur de la marge intérieure droite. La même modification est répliquée dans le curseur Largeur du contenu lorsque vous modifiez les valeurs de Marge intérieure horizontale gauche ou droite.
Si vous souhaitez ajouter une marge intérieure en haut ou en bas du bloc de contenu sélectionné, entrez les valeurs souhaitées pour les marges supérieure et inférieure en modifiant les valeurs de Marge intérieure verticale. En savoir plus sur la marge intérieure des blocs de contenu dans Adobe Captivate.
Cochez la case Hauteur automatique pour modifier la hauteur du bloc de contenu en fonction de la diapositive.
Lorsque vous cochez la case, le bloc de contenu s’ajuste à la hauteur de la diapositive. Le contenu est centré et une marge intérieure supérieure et inférieure est ajoutée. Cochez la case lorsque la hauteur du bloc de contenu est inférieure à celle de la diapositive et que vous souhaitez que le contenu s’adapte à la diapositive.
Lorsqu’il existe plusieurs blocs de contenu (par exemple deux) et que la hauteur combinée des blocs de contenu est inférieure à la hauteur de la diapositive, l’espace est divisé entre les blocs de contenu si vous cochez la case sur les blocs de contenu.
Sélectionner une option de conception. Une option de conception présente des mises en page préconfigurées comportant des éléments de conception plus épurés à appliquer au bloc de contenu.
Pour plus d’informations, consultez Options de conception dans Adobe Captivate.
Sélectionnez le nombre de boutons souhaité dans le bloc de contenu dans la section Composants. Déplacez le curseur pour ajouter des boutons. Si vous ajoutez un composant de bouton et que vous ajoutez plusieurs boutons, vous pouvez répartir les boutons uniformément à l’horizontale.
Vous pouvez ajouter jusqu’à 10 boutons dans le composant de bouton. Cela permet de créer une barre de lecture personnalisée lorsque vous désactivez la table des matières et la barre de lecture et ajoutez des boutons de navigation ou de téléchargement personnalisés. Voici un exemple de boutons multiples :
Dans la section Apparence, vous pouvez modifier les paramètres de couleur au niveau du bloc de contenu. Ajoutez la couleur d’arrière-plan, la bordure et appliquez une ombre à la bordure. Sélectionnez une couleur unie, un dégradé linéaire ou radial, ou ajoutez une image comme arrière-plan.
Si vous avez sélectionné Carte, dans la section Carte, vous pouvez ajouter un rayon à un ou quatre coins de la carte, ajouter une couleur d’arrière-plan, ajouter une bordure à la carte et appliquer une ombre à la bordure de la carte.
Modifiez l’aspect du bouton et déterminez son comportement lorsque l’utilisateur clique ou passe le curseur de la souris dessus.
Sélectionnez le bouton dans le bloc de contenu.
Dans le panneau Propriétés visuelles dans la barre d’outils de droite, déplacez le curseur Opacité pour augmenter ou diminuer la transparence du bouton.
Sélectionnez une option de conception. Une option de conception présente des mises en page préconfigurées comportant des éléments de conception plus épurés à appliquer au bouton.
Pour plus d’informations, consultez Options de conception dans Adobe Captivate.
Dans la section États, cliquez sur Afficher pour lancer le menu volant des états. Configurez les états intégrés du bouton : Survol, Visité, Sélectionné et Désactivé. Si un état est désactivé, cliquez avec le bouton droit sur l’état, puis sélectionnez Activer.
Pour plus d’informations, consultez États dans Adobe Captivate.
Dans la section Apparence, sélectionnez l’onglet Forme pour ajouter une couleur à l’arrière-plan, des bordures et une ombre au bouton. Sélectionnez un type d’extrémités (Carrée, Arrondie ou Projetée) lorsque vous appliquez une bordure.
Modifiez de la même manière la famille de polices, la couleur et d’autres propriétés dans l’onglet Texte.
Pour plus d’informations, consultez Utilisation de texte dans Adobe Captivate.
Dans l’onglet Icône, activer la commutation de l’Icône.
Vous pouvez modifier le libellé du bouton et ajouter une icône à côté du libellé. Sélectionnez l’icône de dossier et modifiez l’icône des Ressources ou de votre ordinateur.
Cochez la case Couleur unie et ajoutez la couleur de l’icône. Pour ajouter une bordure à l’icône, sélectionnez Bordure, puis appliquez une bordure. Modifiez l’épaisseur de la bordure et spécifiez la bordure et un type d’extrémités (Carrée, Arrondieou Projetée).
Sélectionnez la taille de l’icône : Petit, Mediumou Grande. Sélectionnez ensuite la position de l’icône sur le bouton. Sélectionnez l’une des options suivantes :
Sélectionnez le décalage de l’icône par rapport au bouton. Sélectionnez Par défaut, Confortableou Compact. Le décalage ajoute un espace entre l’icône et le bord ou la bordure du bouton.
Dans la section Faire pivoter l’icône, sélectionnez Faire pivoter horizontalement ou Faire pivoter verticalement, pour qu’un élève passe au mode sélectionné lorsqu’il clique sur l’icône.
Dans la section Rapports, cochez la case Communiquer la réponse si vous souhaitez inclure le questionnaire dans un système de gestion de l’apprentissage. Chaque unité de Captivate pouvant faire l’objet d’une évaluation se voit automatiquement attribuer un ID d’interaction unique. C’est cet ID d’interaction qui permet le suivi des données par le système de gestion de l’apprentissage.
Une fois le bouton conçu, vous pouvez y ajouter des interactions. Vous pouvez ajouter une interaction à partir du panneau Interactions dans la barre d’outils à droite.
Pour ajouter une action ou une interaction au bouton, sélectionnez le bouton, puis sélectionnez Interactions dans le panneau de droite. Attribuez ensuite une action, par exemple, Ouvrir URL ou fichier. Lors de la prévisualisation du projet, l’URL s’ouvre lorsque l’élève clique sur le bouton.
Voir Interactions pour en savoir plus sur la création d’interactions.
Pour enregistrer vos modifications, cliquez sur Terminé. L’interaction apparaît dans le panneau d’interactions.
