Cette section vous permet de démarrer la création de votre premier projet Adobe Captivate. Nous couvrirons également des concepts introductifs tels que l’application de thèmes à votre projet et le téléchargement de ressources utilisables dans votre projet. Avant de terminer cette section, vous aurez un aperçu de votre progression et nous publierons votre projet.

Ressources et exemples

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 :

Création d’un projet vide

Commençons donc par créer un projet vide dans Adobe Captivate.

  1. Dans le menu Fichier, choisissez Nouveau projet > Projet vide.

  2. Dans la boîte de dialogue Nouveau projet vide, vous pouvez sélectionner les dimensions de ce projet. Prenons les dimensions par défaut.

    Cliquez sur OK.

Un nouveau projet vide est créé avec une diapositive vide unique.

 

Pour en savoir plus sur la création de projets Adobe Captivate, consultez Création de différents types de projet dans Adobe Captivate.

Application de thèmes

Les thèmes vous permettent de créer un projet plus beau, avec des couleurs coordonnées, des mises en pages bien organisées pour les diapositives, des polices et des effets. Un thème par défaut est appliqué à chaque projet dans Adobe Captivate.

Appliquons un nouveau thème à notre projet.

  1. Cliquez sur Thèmes dans la barre d’outils.

  2. Dans la liste déroulante, passez le curseur sur chaque thème pour afficher son nom.

  3. Sélectionnez le thème Vide.

  4. Cliquez sur OK pour appliquer le thème à tous les éléments du projet.

Le thème Vide est appliqué à votre projet.

Remarque :

Quand vous travaillez sur votre projet, vous pouvez à tout moment décider d’appliquer un nouveau thème. Adobe Captivate applique les effets du thème à tous les éléments de votre projet.

Maintenant que le projet est configuré avec un thème de votre choix, ajoutons des éléments à la diapositive d’introduction du projet.

 

Pour en savoir plus sur ce sujet, consultez Utilisation des thèmes dans Adobe Captivate.

Ajout de légendes à une diapositive

Le projet doit avoir un titre qui sera idéalement placé sur la diapositive d’introduction.

Nous allons donc ajouter une légende à la première diapositive.

  1. Cliquez sur Texte dans la barre d’outils, puis choisissez Légende.

    La nouvelle légende est placée sur la diapositive. Le texte d’espace réservé apparaît par défaut. Vous pouvez entrer le texte que vous souhaitez.

  2. Dans la légende, saisissez le texte suivant :

    LUNARSPHERE STUDIOS

  3. Cliquez dans la zone vide de la diapositive pour quitter le mode d’édition de la zone de texte.

    Lorsque vous placez le curseur sur la zone de texte, il prend la forme d’une main.

  4. Sélectionnez la légende et déposez-la dans le coin supérieur gauche de la diapositive.

 

Pour en savoir plus, consultez Modification et création de légendes avec Captivate.

Ajout d’une interactivité aux objets d’une diapositive

Sur la diapositive d’introduction, l’utilisateur doit sélectionner une option pour démarrer la présentation.

À cet effet, nous ajoutons un bouton interactif à la diapositive d’introduction de notre projet. Lorsque l’utilisateur clique sur le bouton, la présentation passe à la diapositive suivante.

  1. Cliquez dans la barre d’outils Interactions, puis sélectionnez Bouton.

    Le nouveau bouton est placé sur la diapositive.

    Vous pouvez également modifier les propriétés d’un bouton, comme son texte et son interactivité à l’aide de l’Inspecteur des propriétés.

  2. Cliquez sur Propriétés dans le coin droit de la barre d’outils.

  3. Dans l’Inspecteur des propriétés, accédez à l’onglet Style.

  4. Accédez au champ Légende et modifiez la légende du bouton pour qu’il affiche Démarrer.

  5. L’action par défaut du bouton En cas de réussite est Aller à la diapositive suivante.

    Nous gardons ici l’action par défaut.

  6. Sélectionnez le bouton et déposez-le dans le coin inférieur gauche de la diapositive.

 

Pour en savoir plus, consultez Ajout de boutons interactifs à vos projets Captivate.

Ajout d’images à une diapositive

La diapositive d’introduction de notre projet contient actuellement une légende et un bouton. Mais la diapositive est un peu vide à ce stade. Ajoutons une image pour améliorer son apparence.

  1. Cliquez sur Média dans la barre d’outils, puis choisissez Image.

    Une boîte de dialogue s’affiche pour sélectionner le fichier image sur votre ordinateur.

  2. Assurez-vous d’avoir téléchargé et extrait le fichier .zip fourni avec ce cours.

    Dans le dossier extrait, accédez au sous-dossier Ressources.

  3. Sélectionnez le fichier intro_image_right et cliquez sur Ouvrir.

    Remarque :

    Pour conserver les proportions de l’image, maintenez la touche Maj enfoncée pendant que vous redimensionnez l’image par ses angles.

  4. Utilisez les poignées sur l’objet image pour le redimensionner et l’adapter à la diapositive.

  5. Sélectionnez l’image et déposez-la sur le côté droit de la diapositive.

La diapositive d’introduction est terminée.

Toutefois, l’apparence du texte et du bouton n’est pas attrayante. Nous les améliorerons dans les sections suivantes de ce didacticiel qui s’intéressent plus en détails au texte et aux boutons.

 

Pour en savoir plus sur l’utilisation des images, consultez Comment utiliser des images et des images de survol avec Captivate.

Ajout de ressources gratuites de formation en ligne aux diapositives

Votre licence Adobe Captivate vous donne accès à plus de 75 000 ressources de formation en ligne gratuites que vous pouvez ajouter à votre projet. Dans cette section, vous découvrirez comment parcourir l’interface des ressources de formation en ligne et trouver une ressource à ajouter à votre projet.

Lorsque vous commencez un nouveau projet, un projet est créé avec une seule diapositive. Dans notre projet, nous l’avons utilisé comme diapositive d’introduction. Nous allons maintenant ajouter une nouvelle diapositive à notre projet. Ensuite, nous allons ajouter une ressource de formation en ligne gratuite à la nouvelle diapositive.

  1. Cliquez sur Diapositives dans la barre d’outils, puis choisissez Diapositive de contenu.

  2. Pour ajouter un objet à la nouvelle diapositive, vérifiez que la diapositive est sélectionnée dans la Bande de film sur la gauche.

  3. Cliquez sur Ressources dans la barre d’outils et, dans la boîte de dialogue Mes ressources, accédez à Obtenir des ressources de formation en ligne gratuites.

  4. La bibliothèque de ressources Adobe Captivate donne accès à de nombreuses ressources gratuites que vous pouvez ajouter à votre projet.

    Elles sont regroupées dans deux catégories :

    • Motifs : boutons, interactions, dispositions et thèmes
    • Personnages : personnages photo-réalistes et illustrés.

     

  5. Placez le curseur sur la catégorie Personnages, pointez sur Photo-réaliste, puis cliquez sur Professionnel.

    Pour notre projet, nous utiliserons le personnage Evelyn 5.

  6. Cliquez sur Evelyn 5 dans le coin supérieur gauche de la liste des personnages.

    Remarque :

    La position de ces personnages est susceptible de changer lors de l’ajout de nouveaux personnages à la bibliothèque. Pour ce didacticiel, vous pouvez sélectionner n’importe quel personnage photo-réaliste dans la sous-catégorie Professionnel.

    La liste des différentes ressources du personnage Evelyn 5 est disponible en téléchargement.

  7. Cliquez sur la première ressource du personnage Evelyn 5.

  8. Cliquez sur Télécharger.

    Lorsque le téléchargement est terminé, la boîte de dialogue État du téléchargement vous indique où trouver la nouvelle ressource téléchargée dans Captivate.

    download-status
  9. Dans la boîte de dialogue Mes ressources, cliquez sur Mes ressources.

  10. Dans la liste déroulante Catégorie, choisissez Professionnel.

    N’oubliez pas que le personnage Evelyn 5 se trouve dans la catégorie Professionnel.

  11. Cliquez sur le premier personnage et vérifiez que la taille Complet est sélectionnée.

  12. Cliquez sur OK pour ajouter le personnage à la diapositive.

  13. Repositionnez le personnage dans le coin inférieur gauche de la diapositive.

Ajout d’un quiz unique au projet

Adobe Captivate permet d’ajouter facilement des quiz à votre projet. Créez des questions de quiz et Captivate se chargera de gérer les résultats.

Nous construisons notre premier projet, ajoutons donc une simple question de quiz Vrai/Faux.

  1. Cliquez sur Diapositives dans la barre d’outils, puis choisissez Diapositive de question.

  2. Dans la boîte de dialogue Insérer des questions, sélectionnez la case à cocher Vrai/Faux, puis cliquez sur OK.

    Captivate ajoute deux diapositives à votre projet. Une diapositive pour la question et la seconde diapositive pour les résultats du quiz.

  3. Pour saisir une question, cliquez deux fois dans la zone qui affiche le texte d’espace réservé suivant :

    Taper la question ici

  4. Saisissez la question suivante :

    Vous pouvez ajouter une image à une diapositive dans Captivate.

  5. Pour indiquer à Captivate la bonne réponse, cliquez deux fois sur le bouton radio en regard de Faux.

Le quiz est maintenant ajouté à votre projet.

 

Vous pouvez en savoir plus sur les quiz dans Comment configurer les diapositives de question avec Adobe Captivate.

Aperçu de votre progression

À mesure que vous créez le projet, vous pouvez prévisualiser votre travail.

Cliquez sur Aperçu dans la barre d’outils, puis choisissez Projet pour prévisualiser le projet en entier.

La fenêtre d’aperçu affiche votre projet en mode d’aperçu.

Publication de votre projet

Une fois votre projet créé, vous devez le mettre à disposition de vos utilisateurs. Pour ce faire, vous devez publier votre projet. Adobe Captivate vous permet de publier votre projet dans plusieurs emplacements de sortie :

  • Votre ordinateur
  • iOS ou Android
  • Adobe Connect
  • Adobe Captivate Prime

Pour tester notre projet, nous utilisons l’option Votre ordinateur.

  1. Cliquez sur Publier dans la barre d’outils, puis choisissez Publier sur l’ordinateur.

  2. Dans la boîte de dialogue Publier sur mon ordinateur, modifiez le Titre du projet :

    Adobe Captivate : Guide étape par étape

  3. Assurez-vous que le Format de sortie est HTML5 et cliquez sur Publier.

  4. Cliquez sur OK pour afficher la sortie.

La sortie de votre projet s’affiche dans votre navigateur par défaut.

Notez que vous devez cliquer sur le bouton Démarrer de la première diapositive pour avancer. Il en va de même si les résultats du quiz sont affichés sur la dernière diapositive.

Vous avez créé votre premier projet et êtes en bonne voie pour construire des solutions de formation en ligne avec Adobe Captivate.

Les sections suivantes de ce didacticiel expliquent en détails les concepts présentés ici.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne