Guide d'utilisation Annuler

Ajout d’un widget accordéon à un projet Adobe Captivate

Rechercher
Captivate

Captivate

Ouvrir l’application
  1. Guide de l’utilisateur de Captivate
  2. Nouveautés d’Adobe Captivate
  3. Configuration requise d’Adobe Captivate
  4. Télécharger Adobe Captivate
  5. Foire aux questions
  6. Mises à jour d’Adobe Captivate
    1. Notes de mise à jour d’Adobe Captivate (mise à jour 12.6)
    2. Notes de mise à jour d’Adobe Captivate (mise à jour 12.5)
    3. Notes de mise à jour d’Adobe Captivate (mise à jour 12.4)
    4. Notes de mise à jour d’Adobe Captivate (mise à jour 12.3)
    5. Notes de mise à jour d’Adobe Captivate (mise à jour 12.2)
    6. Notes de mise à jour d’Adobe Captivate (mise à jour 12.1)
  7. Configuration de l’accès aux URL pour les fonctionnalités d’Adobe Captivate
  8. Création et déploiement de packs de Captivate dans Admin Console
  9. Ajout d’une diapositive
    1. Navigateur de diapositives dans Adobe Captivate
    2. Ajout d’une diapositive de conversation
    3. Ajout de personnages à votre projet Adobe Captivate
    4. Modification de l’image d’arrière-plan d’une diapositive
    5. Ajout d’une marge intérieure dans les blocs de contenu et composants
    6. Création d’un projet à défilement long
  10. Options de conception dans Adobe Captivate
    1. Présentation des options de conception
    2. Éléments d’une option de conception
    3. Création d’options de conception personnalisées
    4. Modification d’une option de conception personnalisée
    5. Exportation d’une option de conception personnalisée
    6. Importation d’une option de conception personnalisée
  11. Ajouter des blocs de texte
    1. Ajout de texte dans un projet
    2. Ajout de polices Adobe à un projet
  12. Ajouter des blocs de média
    1. Ajout d’images dans un projet
    2. Ajout de vidéos dans un projet
    3. Ajout de citations
    4. Ajout de fichiers SVG dans un projet
    5. Ajout d’objets Web à un projet
  13. Composants interactifs
    1. Ajout d’un bouton
    2. Ajouter un champ de saisie
    3. Ajouter un groupe de boutons radio
    4. Ajout d’une liste déroulante
    5. Ajout d’une case à cocher
  14. Ajout de blocs d’identité visuelle
    1. Ajout d’un en-tête à un projet
    2. Ajout d’un pied de page à un projet
  15. Widgets
    1. Ajout d’une carte
    2. Ajout d’onglets
    3. Ajout d’un certificat
    4. Ajout d’une liste
    5. Ajout d’une zone réactive
    6. Ajout d’un élément de glisser-déposer
    7. Ajout d’un montage chronologique
    8. Ajout d’un élément Cliquer pour afficher
    9. Ajout d’un accordéon
  16. Création de questionnaires
    1. Ajout d’une question à choix multiples
    2. Ajout d’une question de type vrai ou faux
    3. Ajout d’une question d’association de la colonne
    4. Ajout d’une question à réponse courte
    5. Ajout d’une question de séquence
    6. Ajout de groupes de questions et de diapositives de questions aléatoires
    7. Importation de questions au format CSV
  17. Ajout de l’audio à un projet
    1. Ajout d’audio
    2. Ajout de sous-titres
  18. Interactions
    1. Ajout d’interactions dans un projet
    2. Création d’une vidéo interactive avec incrustation
    3. Création d’une interaction au niveau de la diapositive
    4. Création d’une interaction au niveau de l’objet
  19. Animations
    1. Ajout d’animations dans un projet
  20. Accessibilité
    1. Création de contenus de formation en ligne accessibles dans Adobe Captivate
    2. Rendre une diapositive accessible
    3. Accessibilité des objets de la diapositive
    4. Rendre un composant interactif accessible
    5. Rendre un widget accessible
    6. Rendre un questionnaire accessible
    7. Accessibilité de la table des matières et de la barre de lecture
  21. Personnalisation du montage chronologique
    1. Montage chronologique dans Adobe Captivate
  22. Personnalisation de la table des matières et de la barre de lecture
    1. Table des matières dans Adobe Captivate
  23. Modification des propriétés d’un projet
    1. Variables dans Adobe Captivate
    2. Préférences
    3. Dimensions du projet
    4. Thèmes
  24. Création d’un projet de simulation
    1. Simulation
  25. Prévisualisation d’un projet
    1. Aperçu
  26. Partage d’un projet pour révision
    1. Partage à des fins de révision
    2. FAQ et guide de dépannage pour le partage de projets à des fins de révision   
  27. Publication d’un projet
    1. Publication de votre projet

Découvrez comment ajouter un widget accordéon qui permet aux élèves d’interagir avec le contenu en cliquant sur les sections pour afficher des informations supplémentaires.

Qu’est-ce qu’un accordéon ?

Un accordéon est une interface réductible qui organise le contenu en sections ou en onglets. Les élèves peuvent cliquer pour développer un onglet, ce qui révèle des informations tout en gardant les autres onglets masqués pour une vue plus ciblée et épurée.

Ajout d’un accordéon

Sélectionnez Ajouter un widget, puis Accordéon.

Interface Adobe Captivate affichant le menu Ajouter un nouveau widget avec l’option Accordéon mise en évidence
L’option Accordéon proposée dans Adobe Captivate permet aux utilisateurs de créer des sections de contenu repliables, pour des expériences d’apprentissage mieux organisées et plus interactives.

Personnalisation du widget accordéon

Un accordéon comprend un titre, un corps, un sous-titre et des boutons de navigation. En outre, vous pouvez sélectionner les composants dans chaque onglet, tels que l’image, l’en-tête, le sous-titre, le corps et la carte. Vous pouvez également personnaliser l’arrière-plan du widget avec une couleur unie ou une image, et ajouter des bordures et des ombres.

  1. Ajoutez le nombre d’accordéons souhaité sur le widget. Vous pouvez ajouter un maximum de 20 accordéons.

    Interface affichant le nombre d’accordéons disponibles, avec un maximum de 20 accordéons dans la section Composants de Propriétés visuelles.
    Interface affichant le nombre d’accordéons disponibles, avec un maximum de 20 accordéons dans la section Composants de Propriétés visuelles.

  2. Dans la section Composants du panneau Propriétés visuelles, vous pouvez ajouter les éléments suivants :

    • Titre : ajoutez un titre au widget accordéon.
    • Corps : sélectionnez cette option pour ajouter une brève description de la procédure ou des étapes qui seront couvertes dans l’accordéon.
    • Instruction : sélectionnez cette option pour guider les élèves dans leurs interactions avec les onglets situés à l’intérieur de l’accordéon.
    • Boutons de navigation : sélectionnez les boutons Précédent et Suivant pour permettre aux utilisateurs de naviguer entre les diapositives.

  3. Développez la section Alignement et espacement pour ajuster la marge intérieure ou l’espacement du contenu. Utilisez le curseur Largeur du contenu pour aligner le contenu horizontalement ou définir des valeurs de marge intérieure individuellement. Utilisez le curseur Espacement du contenu pour rendre le contenu plus compact ou plus étendu.

    Panneau Alignement et espacement affichant les curseurs Largeur du contenu et Espacement du contenu, permettant d’ajuster la disposition de l’accordéon
    À l’aide de ces curseurs, ajustez l’alignement horizontal et l’espacement entre les éléments de l’accordéon pour créer une disposition plus compacte ou plus étendue.

    En outre, sélectionnez chaque composant de chaque onglet pour ajuster sa marge intérieure. Découvrez comment ajouter des marges intérieures dans Adobe Captivate.

  4. Personnalisez l’arrière-plan du widget, le contenu de chaque onglet ou l’apparence de la carte. 

    Dans la section Apparence, vous pouvez personnaliser l’arrière-plan du widget en modifiant le type de bordure, la couleur d’arrière-plan et l’ombre interne.

    Panneau Paramètres d’apparence affichant les options de personnalisation de l’arrière-plan du widget accordéon avec des commandes de type de bordure, de couleur et d’ombre intérieure.
    Personnalisez l’apparence de l’arrière-plan du widget accordéon en ajustant les paramètres de type de bordure, de couleur d’arrière-plan et d’ombre intérieure.

  5. Développez la section Paramètres pour permettre au bouton bascule de passer automatiquement à la diapositive suivante une fois que toutes les sections du widget accordéon ont été visitées au moins une fois.

    Commutateur de paramètres permettant d’activer la progression automatique vers la diapositive suivante une fois que toutes les sections de l’accordéon ont été consultées.
    Activez la navigation automatique vers la diapositive suivante une fois que toutes les sections de l’accordéon ont été consultées.

Personnalisation de chaque onglet de l’accordéon

Chaque onglet de l’accordéon du widget a un titre, une icône extensible et rétractable, des images, des en-têtes, des sous-titres, un corps de texte et une carte. Vous pouvez personnaliser chaque objet dans chaque onglet en le sélectionnant.   

  1. Dans la section Accordéon, sélectionnez les composants d’un onglet, tels qu’Image, En-tête, Sous-titre, Corps et Carte.

    Composants à l’intérieur d’un onglet accordéon affichant les options d’image, de titre, de sous-titre, de corps et de carte dans le panneau Propriétés visuelles.
    La structure de l’onglet accordéon présente cinq composants personnalisables, qui peuvent être activés ou désactivés en fonction des exigences du contenu.

    • Image : sélectionnez cette option pour ajouter une image à l’intérieur de l’onglet. Vous pouvez ajouter une image à partir de ressources ou de votre système. Découvrez comment modifier des images dans Captivate. 
    • Titre : sélectionnez cette option pour ajouter un titre pour chaque onglet. 
    • Sous-titre : sélectionnez cette option pour donner plus d’informations sur le contenu de l’onglet. 
    • Corps : sélectionnez cette option pour ajouter une description textuelle du contenu de l’onglet. 
    • Carte : ajoutez ou supprimez la carte autour du texte.  

  2. Sélectionnez Contenu sous les paramètres Apparence pour modifier l’arrière-plan de la zone de contenu dans un onglet.

    Panneau Paramètres d’apparence affichant l’option Contenu, sélectionnée pour personnaliser l’arrière-plan de la zone de contenu de l’onglet accordéon.
    Personnalisez la couleur d’arrière-plan, la bordure et les effets d’ombre du contenu afin de distinguer visuellement la zone de contenu de l’onglet accordéon.

  3. Sélectionnez Carte sous les paramètres Apparence pour personnaliser l’aspect de la carte.

    Panneau Paramètres de la carte affichant les options de couleur d’arrière-plan, de bordure et d’ombre pour personnaliser l’apparence du contenu de l’accordéon.
    Panneau Propriétés visuelles avec les paramètres d’apparence permettant de personnaliser les éléments de la carte dans les onglets accordéon, notamment la couleur d’arrière-plan, le style de bordure et les effets d’ombre.

  4. Pour ajouter une icône à l’accordéon, sélectionnez l’onglet et activez-la à partir de la section Composants.

    Icône Développer/réduire du widget accordéon dans Adobe Captivate
    Icône accordéon personnalisable qui indique les sections de contenu pouvant être développées.

    Personnalisez l’apparence et le sens dans lequel l’icône bascule lorsque vous la sélectionnez. Vous pouvez modifier l’icône en remplaçant le fichier SVG à partir du système ou des ressources. Vous pouvez également permettre aux utilisateurs de cliquer sur le rectangle englobant de l’icône. Découvrez comment travailler avec des SVG dans Captivate.

    Boîte de dialogue affichant les options qui permettent de remplacer une icône d’accordéon par un fichier SVG provenant du système ou des ressources, avec une case à cocher pour activer les clics sur le rectangle englobant de l’icône.
    Pour remplacer l’icône d’accordéon, sélectionnez un nouveau fichier SVG dans votre système ou votre bibliothèque de ressources. Vous avez la possibilité de rendre cliquable le rectangle englobant de l’icône.

  5. Pour améliorer la navigation des élèves, personnalisez le comportement des onglets de l’accordéon pour les états normal, survol et visité.  Sélectionnez Afficher pour voir les états. Sélectionnez ensuite chaque état et modifiez son apparence.

    Interface affichant les options d’état normal, survolé et visité des onglets accordéon, avec des commandes de personnalisation de l’apparence
    Personnalisez l’apparence de chaque état de l’accordéon en ajustant la couleur, la bordure, le rayon des coins et l’ombre, afin de fournir un retour visuel en cas d’interaction.

    Personnalisez l’apparence de chaque état en ajustant sa couleur, sa bordure, son rayon d’angle et son ombre pour distinguer visuellement un état d’un autre. Les états vous permettent de modifier le comportement d’un objet en fonction des interactions des élèves. Découvrez comment utiliser les états dans Adobe Captivate.

  6. En outre, vous pouvez sélectionner des objets individuels et personnaliser leur apparence à partir du panneau Propriétés visuelles.

    • Sélectionnez l’image dans l’onglet de l’accordéon, puis choisissez une image ou appliquez des filtres et d’autres personnalisations.
    Panneau Propriétés visuelles affichant l’interface de sélection d’images dans un onglet accordéon, avec des options permettant de personnaliser les images
    Sélectionnez l’image dans un onglet accordéon pour accéder aux options de personnalisation, notamment les filtres et autres ajustements visuels.

    •  Sélectionnez du texte dans l’accordéon et personnalisez la police, appliquez des paramètres prédéfinis, et modifiez la couleur et d’autres options de mise en forme.
    Panneau d’options de mise en forme du texte affichant le menu déroulant des polices, les préréglages et les paramètres de couleur, permettant de personnaliser le texte de l’accordéon
    Personnalisez les propriétés du texte, notamment la famille de polices, la taille, les préréglages de mise en forme et la couleur, pour améliorer la lisibilité du contenu de l’accordéon.

    • Sélectionnez les boutons pour afficher les autres options de conception disponibles ou modifiez la forme, le texte ou l’apparence de l’icône du bouton.
    Panneau Propriétés visuelles affichant les options de personnalisation des boutons du widget accordéon, avec la liste déroulante des options de conception développée
    Personnalisez l’apparence des boutons en sélectionnant la forme, le style de texte et les options d’icônes dans le panneau Propriétés visuelles.

Ajout d’audio à chaque onglet

Augmentez le niveau d’engagement vis-à-vis du widget en ajoutant des repères audio lorsqu’un onglet est sélectionné. Le widget accordéon prend en charge un déclencheur Développer qui lit le contenu multimédia pour chaque interaction avec les onglets. Découvrez comment ajouter de l’audio aux interactions avec les widgets.

Adobe, Inc.

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?

Liens rapides

Voir toutes vos formules Gérer vos formules
Afficher les liens rapides
Masquer les liens rapides

Informations juridiques    |    Politique de confidentialité en ligne