Guide d'utilisation Annuler

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

  1. Guide de l’utilisateur de Captivate
  2. Présentation de Captivate
    1. Nouveautés d’Adobe Captivate
    2. Configuration requise d’Adobe Captivate
    3. Mises à jour d’Adobe Captivate
      1. Notes de mise à jour d’Adobe Captivate (mise à jour 12.5)
      2. Notes de mise à jour d’Adobe Captivate (mise à jour 12.4)
      3. Notes de mise à jour d’Adobe Captivate (mise à jour 12.3)
      4. Notes de mise à jour d’Adobe Captivate (mise à jour 12.2)
      5. Notes de mise à jour d’Adobe Captivate (mise à jour 12.1)
    4. Télécharger Adobe Captivate
    5. Foire aux questions
  3. 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
  4. 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
  5. Ajouter des blocs de texte
    1. Ajout de texte dans un projet
    2. Ajout de polices Adobe à un projet
  6. 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
  7. 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
  8. Ajout de blocs d’identité visuelle
    1. Ajout d’un en-tête à un projet
    2. Ajout d’un pied de page à un projet
  9. 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
  10. 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
  11. Ajout de l’audio à un projet
    1. Ajout d’audio
    2. Ajout de sous-titres
  12. 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
  13. Animations
    1. Ajout d’animations dans un projet
  14. Accessibilité
    1. Rendre un projet accessible
  15. Personnalisation du montage chronologique
    1. Montage chronologique dans Adobe Captivate
  16. Personnalisation de la table des matières et de la barre de lecture
    1. Table des matières dans Adobe Captivate
  17. Modification des propriétés d’un projet
    1. Variables dans Adobe Captivate
    2. Préférences
    3. Dimensions du projet
    4. Thèmes
  18. Création d’un projet de simulation
    1. Simulation
  19. Prévisualisation d’un projet
    1. Aperçu
  20. 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   
  21. Publication d’un projet
    1. Publication de votre projet
  22. Mise à niveau de projets dans Adobe Captivate
    1. Passez à la dernière version pour vos projets 

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.

Ajout d’un accordéon

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.

    Sélection du nombre d’accordéons sur la diapositive

  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.

    Réglage de l’alignement et de l’espacement d’un widget accordéon

    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.

    Modification de l’apparence d’un widget accordéon

  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.

    Bouton bascule pour passer à la diapositive suivante une fois l’accordéon terminé

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 d’un onglet d’accordéon
    Les composants d’un accordéon :

    • 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.

    Modification de l’arrière-plan de la zone de contenu
    Modification de l’apparence d’un accordéon

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

    Personnalisation de l’apparence d’une carte dans un onglet d’accordéon
    Modification de l’apparence de la carte autour du contenu dans un accordéon

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

    Personnalisation de l’icône de l’accordéon
    Activation de l’icône de l’accordéon

    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.

    Personnalisation de l’icône en remplaçant le SVG ou en modifiant son apparence
    Remplacement du SVG de l’icône d’un accordéon

  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.

    Personnalisation des états de l’accordéon
    Modification de l’apparence de chaque état d’un accordéon

    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.
    Personnalisation de l’image dans un accordéon
    Personnalisation de chaque objet à partir du panneau Propriétés visuelles

    •  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.
    Personnalisation de texte dans un onglet d’accordéon
    Personnalisation du texte d’un 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.
    Personnalisation des boutons d’un accordéon
    Personnalisation des boutons du widget accordéon

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?