Guide d'utilisation Annuler

Ajout d’un widget de liste à votre projet 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.4)
      2. Notes de mise à jour d’Adobe Captivate (mise à jour 12.3)
      3. Notes de mise à jour d’Adobe Captivate (mise à jour 12.2)
      4. 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. Ajouter des blocs de texte
    1. Ajout de texte dans un projet
  5. 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
  6. 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
  7. 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
  8. 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
  9. Ajout de l’audio à un projet
    1. Ajout d’audio
  10. 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
  11. Animations
    1. Ajout d’animations dans un projet
  12. Accessibilité
    1. Rendre un projet accessible
  13. Personnalisation du montage chronologique
    1. Montage chronologique dans Adobe Captivate
  14. Personnalisation de la table des matières et de la barre de lecture
    1. Table des matières dans Adobe Captivate
  15. Modification des propriétés d’un projet
    1. Variables dans Adobe Captivate
    2. Préférences
    3. Dimensions du projet
    4. Thèmes
  16. Création d’un projet de simulation
    1. Simulation
  17. Prévisualisation d'un projet
    1. Aperçu
  18. Partage d’un projet pour révision
    1. Partage pour révision   
  19. Publication d’un projet
    1. Publication de votre projet
  20. Mise à niveau de projets dans Adobe Captivate
    1. Passez à la dernière version pour vos projets

Découvrez comment ajouter et configurer un widget de liste dans un projet Adobe Captivate.

Remarque :

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.

Présentation

Dans le nouvel Adobe Captivate, un widget de liste ajoute un élément interactif et attrayant aux cours de formation en ligne. Il permet aux élèves d’explorer le contenu de manière dynamique et améliore l’engagement des utilisateurs en offrant une expérience pratique et interactive.

Le widget de liste permet aux élèves de faire défiler le contenu et de l’afficher plus en détail.

Ajout d’un widget Liste

Sélectionnez Ajouter un widget > Liste dans le panneau de gauche pour ajouter un widget de liste.

Insérer un widget de liste
Insérer un widget de liste.

Modification des propriétés du widget de liste

Adobe Captivate permet d’augmenter ou de diminuer le nombre de pages d’une liste, d’appliquer une option de conception, de modifier l’apparence du widget, de déterminer le mode de transition des pages dans la liste, etc.

  1. Sélectionnez le widget dans la diapositive.

  2. Dans la section Alignement et espacement du panneau Propriétés visuelles, vous pouvez ajuster la largeur du widget. Ajustez le curseur pour augmenter ou diminuer la largeur du widget. Lorsque vous déplacez le curseur, une marge intérieure est également ajoutée à droite et à gauche du widget.
     
    Déplacez le curseur Espacement du contenu pour augmenter ou diminuer l’espace entre le titre et le sous-titre dans les pages de la liste.
  3. Déplacez le curseur Nombre de pages pour augmenter ou diminuer le nombre de pages du widget. Vous pouvez ajouter six pages maximum.

  4. 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 widget.

    Pour plus d’informations, consultez Options de conception dans Adobe Captivate.

  5. Dans la section Composants, vous pouvez modifier les éléments suivants au niveau du widget :

    • Titre : ajoutez ou supprimez le titre de toutes les pages du widget de liste.
    • Corps : ajoutez ou supprimez le corps du widget
    • Instruction : ajoutez ou supprimez l’instruction sur le widget.
    • Bouton Précédent : ajoutez ou supprimez le bouton Précédent sur le widget.
    • Bouton Suivant : ajoutez ou supprimez le bouton Suivant sur le widget.

    Vous pouvez ajouter ou supprimer les éléments suivants au sein d’une liste :

    • Image : ajoutez ou supprimez l’image sur toutes les pages au sein d’une liste.
    • En-tête : ajoutez ou supprimez l’en-tête sur toutes les pages au sein d’une liste.
    • Corps : ajoutez ou supprimez le corps du texte sur toutes les pages au sein d’une liste.
    • Flèches : les flèches vous aident à effectuer manuellement la transition entre les pages de la liste. Si un élève sélectionne la flèche Précédent ou Suivant, la page précédente ou suivante de la liste s’affiche. Vous pouvez également placer les flèches en haut, au centre ou en bas de la liste.
    • Indicateur : sélectionnez cette option pour afficher les points de suspension de toutes les pages au sein d’une liste.
    • Carte : ajoutez ou supprimez une carte autour du texte sur une page de liste.
    Remarque :

    Vous pouvez aligner les composants dans la section Composants. Passez le curseur de la souris sur un composant et sélectionnez une option (Aligner à gauche, Centrer ou Aligner à droite).

  6. Si vous avez activé Carte, vous pouvez ajouter une couleur, une bordure ou des ombres à la carte dans l’onglet Carte.

  7. Dans la section Apparence, vous pouvez personnaliser les éléments suivants :

    • Arrière-plan du widget : l’onglet Arrière-plan permet de définir le paramètre de couleur au niveau du widget. Sélectionnez l’option Arrière-plan, ajoutez la couleur d’arrière-plan du widget et une bordure, puis appliquez une ombre à la bordure. Vous pouvez également modifier la couleur et la forme de l’indicateur sur la page actuelle. Sélectionnez un indicateur circulaire, carré ou en pointillés dans la liste déroulante. Sélectionnez ensuite une couleur unie, un dégradé linéaire ou radial, ou ajoutez une image comme arrière-plan.
    • Arrière-plan de la page de liste : ajoutez une couleur d’arrière-plan pour les pages de liste dans l’onglet Page. Sélectionnez une couleur unie, un dégradé linéaire ou radial, ou ajoutez une image comme arrière-plan.
  8. Dans la section Paramètres, configurez les options suivantes :

    • Mouvement de page : sélectionnez une option afin de définir le type de transition d’une page de liste à la suivante lorsqu’un élève sélectionne une flèche. Ces options de déplacement sont disponibles : De droite à gauche, De haut en bas ou De gauche à droite.
    • Lecture automatique au chargement : activez cette option pour lire automatiquement les pages de la liste lorsqu’un élève affiche l’aperçu du projet.
    • Passer à la diapositive suivante lorsque le widget est terminé : activez cette option pour autoriser les élèves à passer à la diapositive suivante uniquement une fois qu’ils ont consulté l’ensemble des pages de la liste.
    Modification du mouvement de page
    Modification du mouvement de page

Modification de l’apparence d’une page de liste

Modifiez l’apparence d’une page dans la liste et la carte autour du texte de la page.

  1. Sélectionnez une page dans le sélecteur de page.

    Sélectionner une page
    Sélectionnez une page et modifiez ses propriétés visuelles. Le sélecteur de page est disponible sous le widget.

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

    • Image : ajoutez ou supprimez une image sur une page de liste. Sélectionnez l’espace réservé pour l’image et remplacez l’image par défaut par une image à partir des Ressources ou de votre ordinateur. Pour plus d’informations sur l’utilisation des images, consultez Images dans Adobe Captivate.
    • En-tête : ajoutez ou supprimez l’en-tête sur une page de liste.
    • Corps : ajoutez ou supprimez le corps du texte d’une page de liste.
    • Carte : ajoutez ou supprimez une carte autour des objets de texte.
  3. Dans la section Apparence, modifiez l’apparence de la carte et de la page de liste à l’aide des onglets suivants :

    • Onglet Page : ajoutez la couleur d’arrière-plan de la page de la liste dans l’onglet Page. Sélectionnez une couleur unie, un dégradé linéaire ou radial, ou ajoutez une image comme arrière-plan.
    • Onglet Carte : augmentez ou diminuez la marge intérieure autour des objets texte, ajoutez un rayon à un ou aux quatre coins de la carte, ajoutez une bordure à la carte et appliquez une ombre à la bordure de la carte.

Modification du texte dans une page de liste

Appliquez un paramètre prédéfini de texte, modifiez la famille de polices, appliquez l’alignement du texte, modifiez le retrait du texte, etc.

Pour plus d’informations, consultez Utilisation de texte dans Adobe Captivate.

  1. Sélectionnez un objet de texte sur une page, par exemple un titre ou un corps.

  2. Dans le panneau Propriétés visuelles, modifiez le style de texte, la police, la taille de police, l’espacement du texte, etc. 

Modification de la flèche Suivant ou Précédent sur une page de liste

La flèche Suivant ou Précédent d’une page de liste permet à un élève de naviguer entre les pages du widget de liste.

  1. Sélectionnez la flèche Suivant sur une page.

    Le panneau Propriétés visuelles de la flèche s’ouvre.

  2. Dans la section États du panneau Propriétés visuelles, cliquez sur Afficher pour lancer le menu volant des états. Configurez les états intégrés du bouton : Survol 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.

  3. Dans le panneau Propriétés visuelles dans la barre d’outils de gauche, déplacez le curseur Opacité pour augmenter ou diminuer la transparence de la flèche.

  4. Ajoutez la couleur de remplissage de la flèche en sélectionnant une couleur dans le sélecteur de couleurs.

  5. Dans la section Rapports, cochez la case Inclure dans le quiz 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. 

Modification des boutons de navigation entre les diapositives dans le widget

Les boutons de navigation entre les diapositives (gauche et droite) du widget permettent à un élève d’accéder à la diapositive suivante ou précédente du projet.

  1. Sélectionnez un bouton de navigation dans le widget.

    Sélection d’un bouton de navigation
    Sélectionnez le bouton de navigation de votre choix pour afficher et modifier ses propriétés.

  2. Dans le panneau Propriétés visuelles dans la barre d’outils de gauche, déplacez le curseur Opacité pour augmenter ou diminuer la transparence du bouton.

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

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

  5. Dans la section Apparence, dans l’onglet Forme, ajoutez une couleur et des ombres, puis appliquez une bordure au bouton. Sélectionnez un type d’extrémités (Carrée, Arrondie, Projetée) lors de l’application d’une bordure.

  6. Si vous avez sélectionné une conception qui contient du texte ou activé le bouton d’activation/désactivation du texte, les propriétés de personnalisation du texte s’affichent. Modifiez la famille de polices, la couleur et d’autres propriétés dans l’onglet Texte. Activez tout d’abord l’option Texte.

    Pour plus d’informations, consultez Utilisation de texte dans Adobe Captivate.

    text
    Sélectionnez l’onglet Texte pour modifier les propriétés du texte.

  7. Dans l’onglet Icône, activer la commutation de l’Icône.

    Le bouton sera étiqueté Suivant uniquement si vous avez activé le bouton d’activation/désactivation Texte dans l’onglet Texte. Étiquetez le bouton selon vos besoins et ajoutez une icône à côté de l’étiquette. Sélectionnez l’icône de dossier et modifiez l’icône à partir du panneau Ressources ou de votre ordinateur. 

  8. Cochez la case Couleur unie et ajoutez la couleur de l’icône. Pour ajouter une bordure à l’icône, cochez la case 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).

  9. Sélectionnez l’option de 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 :

    • Aligner à gauche
    • Aligner en haut
    • Aligner à droite
    • Aligner en bas
    Remarque :

    Le paramètre de position de l’icône fonctionne uniquement en cas de combinaison de texte et d’icône sur le bouton de navigation.

  10. Sélectionnez le décalage de l’icône par rapport au bouton. Sélectionnez Par défaut, Confortable ou Compact. Le décalage ajoute un espace entre l’icône et le bord ou la bordure du bouton.

  11. 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 sélectionne l’icône.

Regarder une vidéo

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?