Ce document présente des procédures qui nécessitent d’utiliser des ressources, comme des images et des exemples de fichiers de projet Adobe Captivate. Vous pouvez choisir d’utiliser vos propres ressources et exemples. Cependant, il est recommandé de télécharger et d’extraire le fichier .zip suivant sur votre ordinateur :
-
Dans l’onglet Nouveau de l’écran de bienvenue d’Adobe Captivate, choisissez Projet réactif et cliquez sur Créer.
Adobe Captivate crée un projet réactif avec une seule diapositive.
Dans un projet réactif dans Adobe Captivate, la barre d’aperçu au-dessus de la diapositive vous propose des options pour visualiser rapidement le projet sur différentes tailles d’écran ou différents appareils.
-
Le curseur de prévisualisation sur le côté droit de la barre Aperçu vous permet de redimensionner la diapositive actuelle et de prévisualiser le contenu de manière dynamique.
Lorsque vous déplacez le curseur vers la gauche ou la droite, le contenu de la diapositive s’ajuste pour s’adapter à l’écran.
Pour en savoir plus à ce sujet, consultez Conception de projets réactifs avec Adobe Captivate.
Vous pouvez aussi créer des projets réactifs Adobe Captivate à l’aide de la mise en page de boîtes Fluid Box. Cela permet de disposer des objets sur une diapositive de sorte que ces objets aient un comportement prévisible lorsque la diapositive s’adapte à différentes tailles d’écrans et différents appareils. Une boîte Fluid Box est un modèle de mise en page simple à utiliser pour les concepteurs de formation en ligne. Vous pouvez placer les objets enfant dans n’importe quelle direction et vous pouvez les adapter à la taille de l’appareil.
Un conteneur Fluid Box agrandit les objets pour remplir
Ajoutons maintenant une diapositive vide à notre projet, puis utilisons des boîtes Fluid Box pour faciliter la réactivité de la diapositive. La diapositive de fin de cette procédure est la suivante :

-
Dans le dossier des fichiers téléchargés, accédez au sous-dossier des échantillons et ouvrez :
create-responsive-projects.cptx
Remarque :
Le téléchargement du fichier de projet fourni avec ce didacticiel n’est pas obligatoire. Vous pouvez toujours suivre les étapes de cette procédure. Cependant, assurez-vous que vous créez un projet réactif dans Adobe Captivate.
Dans la section précédente, vous avez appris à ajouter des boîtes Fluid Box horizontales et verticales à une diapositive.
Ajoutons maintenant des objets aux boîtes Fluid Box sur la diapositive.
Remarque :
Vous ne pouvez pas ajouter des objets de survol aux boîtes Fluid Box car ces objets ne fonctionnent pas sur les appareils mobiles.

-
Dans le dossier des fichiers téléchargés, accédez au sous-dossier des échantillons et ouvrez :
create-responsive-projects-with-fluid.cptx
Remarque :
Le téléchargement du fichier de projet fourni avec ce didacticiel n’est pas obligatoire. Vous pouvez toujours suivre les étapes de cette procédure. Cependant, il est recommandé de créer une diapositive similaire à la diapositive affichée au début de la section Ajout de boîtesFluidBox aux diapositives.
-
Dans la barre d’outils, cliquez sur Texte et choisissez Légende.
Entrez le texte suivant dans la zone de légende :
LUNARSPHERE STUDIOS
Vous faire apporter des modifications de format au texte à l’aide de l’Inspecteur des propriétés. Pour afficher l’Inspecteur des propriétés, cliquez sur Propriétés dans le coin droit de la barre d’outils.
-
Dans la barre d’outils,
cliquez sur Texte et et choisissez Légende.Copiez et collez le texte suivant dans la légende :
Madison et Robert font partie de l’équipe de formation de Lunarsphere Studios. Tout comme vous, chaque jour, ils sont confrontés à de nouveaux défis et opportunités qui mettent leurs compétences à l’épreuve et les obligent à se dépasser. Aujourd’hui, vous allez découvrir, comme Madison et Robert, comment utiliser Adobe Captivate pour la première fois.
Maintenant que nous avons une diapositive avec du contenu, nous allons
Dans la barre d’outils,
Pour en savoir plus sur les boîtes Fluid Box, reportez-vous à Fluid Box dans Adobe Captivate.
Vous pouvez capturer les étapes de simulation d’un projet réactif dans les modes suivants :
- Démonstration
- Évaluation
- Formation
Pour enregistrer les étapes pour créer une présentation PowerPoint, insérez une simulation logicielle courte en mode Démonstration.
-
Dans le dossier des fichiers téléchargés, accédez au sous-dossier des échantillons et ouvrez :
create-responsive-projects.cptx
Remarque :
Le téléchargement du fichier de projet fourni avec ce didacticiel n’est pas obligatoire. Vous pouvez toujours suivre les étapes de cette procédure. Cependant, assurez-vous que vous créez un projet réactif dans Adobe Captivate.
-
Pour terminer la simulation :
- Sous Windows, appuyez sur la touche Fin de votre clavier.
- Sous MAC, cliquez sur l’icône Adobe Captivate dans la barre supérieure.
Une fois que vous avez terminé la simulation, Adobe Captivate revient au premier plan.
Les diapositives de démonstration sont insérées dans votre projet.
-
Les diapositives enregistrées sont ajoutées au projet Captivate. Notez qu’un rectangle bleu apparaît sur chacune des
diapositives de simulation . Le rectangle bleu est la zone d’intérêt principal de la simulation. Il est uniquement visible dans la zone de modification, et disparaît quand vous prévisualisez ou publiez le projet. Notez que la taille de ce rectangle correspond à la taille d’appareil minimale prise en charge pour des projets réactifs Captivate.Chaque diapositive de la simulation contient aussi un cadre de sélection bleu. Cette zone de la diapositive s’affiche pour l’appareil de taille minimale. Vous pouvez déplacer ce cadre dans la diapositive si vous voulez afficher une zone différente de la sélection faite par Adobe Captivate, par défaut.
Pour plus d’informations sur les simulations logicielles dans Adobe Captivate, consultez Création de simulations logicielles.
Nous allons maintenant afficher un aperçu de la
Dans la barre d’outils,
Quand vous ajoutez une diapositive de quiz à un projet réactif, Adobe Captivate ajoute des boîtes Fluid Box pour garantir la réactivité du contenu
Pour tester ce comportement, créons un quiz simple avec une seule question Vrai/Faux.
-
Dans le dossier des fichiers téléchargés, accédez au sous-dossier des échantillons et ouvrez :
create-responsive-projects.cptx
Remarque :
Le téléchargement du fichier de projet fourni avec ce didacticiel n’est pas obligatoire. Vous pouvez toujours suivre les étapes de cette procédure. Cependant, assurez-vous que vous créez un projet réactif dans Adobe Captivate.
-
Dans la boîte de dialogue Insérer des questions , sélectionnez la case à cocher Vrai/Faux
et cliquez sur OK.Une diapositive de question est insérée après le titre de la diapositive Résumé.
De plus, après la diapositive de question, Adobe Captivate insère une diapositive Résultats du quiz.
Lorsque vous ajoutez une diapositive de question à un projet réactif, Adobe Captivate place tous les objets de la question dans des boîtes Fluid Box pour garantir la réactivité :
Pour plus d’informations sur les quiz dans Adobe Captivate, consultez Création de quiz.
Nous allons prévisualiser et essayer le quiz.
Dans la barre d’outils, cliquez sur Aperçu, puis choisissez Projet.
Si votre projet Adobe Captivate n’est pas réactif, Adobe Captivate vous propose une méthode simple pour le convertir en projet réactif.
Prenons un projet non réactif et convertissons-le en projet réactif.
Avant de convertir le projet, nous allons visualiser l’apparence de ce projet.
Dans la barre d’outils, ouvrez l’Aperçu, puis choisissez Projet.
-
Dans le dossier des fichiers téléchargés, accédez au sous-dossier des échantillons et ouvrez :
non-responsive-project.cptx
Remarque :
Le téléchargement du fichier de projet fourni avec ce didacticiel n’est pas obligatoire. Vous pouvez toujours suivre les étapes de cette procédure. Cependant, assurez-vous que vous créez un projet réactif dans Adobe Captivate.
-
Cliquez pour ouvrir un objet non pris en charge dans le panneau.
Vous êtes redirigé vers la diapositive contenant l’objet. De plus, l’objet est sélectionné sur la diapositive.
Si, par exemple, un utilisateur visualise le résultat sur un appareil mobile, votre projet ne doit pas contenir d’objets de survol.