Guide d'utilisation Annuler

Insérer des objets Web dans les projets 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. Télécharger Adobe Captivate
    4. Nouveautés de la mise à jour 5 d’Adobe Captivate (2019 release)
    5. Nouveautés de la mise à jour 2 d’Adobe Captivate (2019 release)
    6. Notes de mise à jour sur Adobe Captivate 11.8.1
    7. Notes de mise à jour sur Adobe Captivate 11.8
    8. Notes de mise à jour sur Adobe Captivate
    9. Configuration système et instructions de téléchargement pour Adobe Captivate Draft
    10. Conception de projets réactifs avec Adobe Captivate
  3. Créer des projets
    1. Créer différents types de projets dans Adobe Captivate
    2. Personnalisation de la taille d’un projet Adobe Captivate
    3. Conception de projets réactifs avec Adobe Captivate
    4. Création de projets de réalité virtuelle
    5. Utiliser un texte réactif dans Adobe Captivate
    6. Utilisation des thèmes dans Adobe Captivate
    7. Application de propriétés spécifiques à une vue dans les projets réactifs
    8. Création de fichiers de sauvegarde pour les projets Adobe Captivate
    9. Panneau Actifs
    10. Création d’embranchements et de navigation forcée dans Captivate
    11. Remplacer une image sur la scène
  4. Ajouter et gérer des objets
    1. Utilisation des objets à états multiples dans Adobe Captivate
    2. Effets d’objet
    3. Insérer des objets Web dans les projets Adobe Captivate
    4. Utiliser des styles d’objet dans Adobe Captivate
    5. Rotation des objets dans Adobe Captivate
    6. Redimensionnement et repositionnement d’objets au pixel près
    7. Gestion des objets avec la barre d’outils Options principales
    8. Fusion d’objets sur une diapositive
    9. Gestion des objets dans la bibliothèque
    10. Regroupement des objets dans Adobe Captivate
    11. Modification des informations sur les objets en utilisant le panneau Interaction avancée
    12. Copie, collage et duplication des objets dans Adobe Captivate
    13. Contrôle de la visibilité des objets
    14. Modification de l’ordre d’affichage des objets dans Adobe Captivate
    15. Application d’ombres aux objets
    16. Alignement des objets dans Adobe Captivate
    17. Ajout d’un reflet à des objets dans Adobe Captivate
    18. Importer des actifs dans un projet Captivate
  5. Diapositives
    1. Ajouter des diapositives à un projet Adobe Captivate
    2. Modification de diapositives dans un projet Adobe Captivate
    3. Suppression de diapositives d’un projet Adobe Captivate
    4. Modification de l’ordre des diapositives dans Adobe Captivate
    5. Définition des propriétés des diapositives dans Adobe Captivate
    6. Ajouter et convertir des annotations de diapositives en fichiers audio avec Adobe Captivate
    7. Configurer des diapositives de vérification des connaissances dans Adobe Captivate
    8. Comment ajouter des transitions entre diapositives dans Adobe Captivate
    9. Utilisation des diapositives principales dans Adobe Captivate
    10. Verrouillage des diapositives Adobe Captivate
    11. Masquage ou exclusion des diapositives d’un projet Adobe Captivate
    12. Regroupement et dissociation de diapositives dans Adobe Captivate
  6. Chronologie et grilles
    1. Utiliser des règles et des repères
    2. Utiliser des grilles dans Adobe Captivate
    3. Utilisation du montage chronologique
    4. Touches de raccourci dans Adobe Captivate
    5. Utilisation de la bande de film
    6. Personnalisation de l’espace de travail Adobe Captivate
    7. Utilisation de la bibliothèque Adobe Captivate
    8. Utilisation du panneau Embranchement dans Adobe Captivate
  7. Créer des quiz
    1. Insertion de diapositives de questions dans les projets Adobe Captivate
    2. Définir les préférences du questionnaire pour Adobe Captivate
    3. Permettre aux apprenants de soumettre toutes les réponses au quiz simultanément
    4. Comment configurer des diapositives de questions avec Adobe Captivate
    5. Insertion de diapositives aléatoires de questions dans les projets Adobe Captivate
    6. Autorisation des utilisateurs à revenir au quiz
    7. Importation de questions à partir de fichiers au format CSV
    8. Importation de questions à partir de fichiers au format GIFT
    9. Insertion de tests préliminaires dans Adobe Captivate
  8. Audio
    1. Comment insérer un fichier audio dans un projet Adobe Captivate
    2. Prévisualisation de l’audio dans Adobe Captivate
    3. Comment modifier des fichiers audio avec Adobe Captivate
    4. Affichage des détails audio dans Adobe Captivate
    5. Définir les préférences d’enregistrement audio et de l’enregistrement audio
    6. Exportation d’audio depuis Adobe Captivate
  9. Vidéo
    1. Vidéos de diapositive
    2. Utiliser des événements vidéo dans Adobe Captivate
    3. Différences entre les événements vidéo et les vidéos synchronisées dans Adobe Captivate
  10. Objets interactifs
    1. Ajouter des boutons interactifs à vos projets Captivate
    2. Créer des zones de clic dans Adobe Captivate
    3. Ajouter des zones de texte avec Adobe Captivate
    4. Ajout d’audio aux zones et aux boutons
    5. Ajout de JavaScript aux zones et aux boutons dans Adobe Captivate
  11. Interactions
    1. Créer des interactions d’apprentissage dans Adobe Captivate
    2. Création d’interactions glisser-déposer dans Adobe Captivate
    3. Configuration des widgets et des interactions dans Adobe Captivate
    4. Utiliser des variables Adobe Captivate dans des widgets
    5. Définir les propriétés des widgets avec Adobe Captivate
    6. Création de widgets statiques, interactifs et de widgets de questions dans Adobe Captivate
    7. Ajout de widgets à un projet Adobe Captivate
  12. Objets non interactifs
    1. Création et modification des formes intelligentes
    2. Modification et création de légendes de texte avec Captivate
    3. Comment utiliser des images et des images de survol avec Captivate
    4. Comment personnaliser les formes intelligentes dans Adobe Captivate
    5. Création de zones de zoom dans Adobe Captivate
    6. Définition de l’audio pour les objets non interactifs
    7. Création de mini-diapositives de survol dans Adobe Captivate
    8. Création de légendes de survol dans Adobe Captivate
    9. Modifier les propriétés de la souris dans Adobe Captivate
    10. Utilisation des zones de surbrillance dans Captivate
    11. Utiliser des thèmes dans Adobe Captivate
    12. Correction de la taille et de la position des objets non interactifs
    13. Ajouter des animations à un projet Adobe Captivate
  13. Modifications avancées et révisions des projets
    1. Création de liens entre des projets Adobe Captivate
    2. Importation, exportation et suppression de contenu
    3. Habillages
    4. Création de projets accessibles dans Adobe Captivate
    5. Création d’une table des matières (TDM) avec Adobe Captivate
    6. Redimensionner des projets Adobe Captivate
    7. Projets et préférences des projets
    8. Prévisualisation des projets dans Adobe Captivate
  14. Variables et actions avancées
    1. Variables Adobe Captivate
    2. Création de variables définies par l’utilisateur dans Adobe Captivate
    3. Actions avancées dans les projets Adobe Captivate
    4. Actions partagées dans les projets Adobe Captivate
    5. Modification ou suppression de variables personnalisées dans Adobe Captivate
    6. Affectation d’actions avancées à un événement
  15. Enregistrer le projet
    1. Création de vidéos interactives
    2. Enregistrement automatique et manuel avec Captivate
    3. Définition des préférences d’enregistrement dans Adobe Captivate
    4. Enregistrement de démonstrations vidéo avec Adobe Captivate
    5. Comment enregistrer des simulations logicielles dans Adobe Captivate
    6. Mise en pause de l’enregistrement
  16. Publication de projets
    1. Aperçu et publication de projets réactifs
    2. Publier un projet sur Adobe Captivate Prime
    3. Publication de projets au format HTML5 avec Adobe Captivate
    4. Publication de projets sous forme de fichiers exécutables
    5. Publication de projets au format MP4 avec Adobe Captivate
    6. Définition des préférences de publication dans Adobe Captivate
    7. Utilisation des polices web issues des polices Adobe dans Adobe Captivate
    8. Transférer les résultats du quiz vers un serveur interne
  17. Utiliser Adobe Captivate avec d’autres applications
    1. Importation et modification des présentations PowerPoint dans Captivate
    2. Charger un projet Adobe Captivate dans un système de gestion de l’apprentissage
    3. Découvrez l’interface JavaScript commune pour Adobe Captivate 
    4. Publication de projets Captivate dans Microsoft Word
    5. Utilisation d’Adobe Connect avec Captivate
    6. Ajout de projets Captivate à un système d’aide en ligne RoboHelp
    7. Mise en package de plusieurs SCO à l’aide d’Adobe Multi-SCORM Packager
  18. Résoudre les problèmes Adobe Captivate
    1. Résolvez les problèmes connus et les limitations dans les versions les plus récentes d’Adobe Captivate, Adobe FrameMaker et Adobe RoboHelp.
    2. Première construction pour Captivate (sortie 2019) sur macOS Big Sur (macOS 11)
    3. Correctif logiciel pour le contenu de réalité virtuelle non lu sur les appareils
    4. Configurer SSL pour l'aperçu en direct sur les appareils
    5. Problèmes d'activation de Captivate (version 2019) sur macOS Catalina
    6. Les cours réactifs Captivate ne seront pas lus automatiquement sur les navigateurs
    7. Problèmes avec le panneau Actifs dans Adobe Captivate (version 2019)
    8. Erreur 103 lors de l’installation d’Adobe Captivate
    9. Problèmes lors de la prévisualisation d’un projet Captivate

 

Présentation

Vous pouvez insérer des objets Web HTML5 natifs dans les diapositives en cliquant sur Objets >  Web dans la barre de boutons. Entrez l’URL de l’objet dans le champ Adresse de l’Inspecteur des propriétés et la page Web s’affiche dans le conteneur d’objet.

Créer un objet Web

Dans la barre d’outils, sélectionnez Objets > Web comme indiqué ci-dessous :

Sélection de la boîte de dialogue Objets Web dans la barre d’outils
Sélection de la boîte de dialogue Objets Web dans la barre d’outils

Entrez l’URL d’un objet Web dans le champ Adresse. Vous pouvez également rechercher des fichiers OAM, pdf,  svg  et zip en cliquant sur l’icône de dossier située en regard du champ Adresse.

Insertion d’objets Web
Insertion d’objets Web

Sélectionnez les autres options, comme décrit ci-dessous :

Chargement automatique

Sélectionnez cette option si vous souhaitez charger l’objet automatiquement dans la sortie. Cette option reste sélectionnée par défaut lorsque vous créez un objet Web. En mode édition, une fois chargé, placez le pointeur de la souris sur l’objet pour afficher le contenu.

Si vous ne voyez pas le contenu après avoir activé l’option, reportez-vous à cette discussion pour plus d’informations.

Pour afficher l’objet Web dans la diapositive, sélectionnez les options suivantes :

Bordure

Sélectionnez cette option si vous souhaitez afficher la bordure de l’objet Web.

Défilement

Sélectionnez cette option si vous souhaitez afficher la barre de défilement du conteneur de l’objet Web.

Chargement de l’animation

Sélectionnez cette option si vous souhaitez charger une animation dans l’objet Web.

Pour afficher l’objet Web dans une nouvelle fenêtre de navigateur, sélectionnez les options suivantes :

Valeur par défaut

Sélectionnez cette option si vous souhaitez afficher l’objet Web avec les paramètres par défaut du navigateur.

Plein écran

Sélectionnez cette option si vous souhaitez afficher l’objet Web en plein écran.

Personnalisé

Sélectionnez cette option si vous souhaitez afficher l’objet Web dans la largeur et la hauteur définies.

Pour insérer des objets comme des fichiers pdf ou zip, il est recommandé de placer le fichier pdf, svg ou zip sur un serveur Web, puis d’utiliser l’url du fichier.

Par exemple, après avoir placé les objets sur le serveur Web, utilisez l’URL comme suit :

  • pdf: localhost:8012/<filename>.pdf
  • svg : localhost:8012/<filename>.svg

Lorsque vous prévisualisez la diapositive, vous pouvez voir que les objets sont inclus dans la sortie.

Intégration d’objets pdf et svg
Intégration d’objets pdf et svg

La vidéo YouTube ne se charge pas

Une fois le widget YouTube inséré, la vidéo n’est pas lue après publication. Dans ce cas, mettez le widget à jour.

Pour plus d’informations, voir Problèmes du widget YouTube dans une sortie SWF.

Prise en charge d'un code incorporé

Cliquez sur l’option Code incorporé si vous souhaitez inclure un objet Web, tel qu’un fichier vidéo ou un lien vers une vidéo diffusée. Vous pouvez coller un code incorporé dans la zone URL, comme indiqué ci-dessous :

Prise en charge d'un code incorporé
Prise en charge d'un code incorporé

Par exemple, vous pouvez voir la vidéo intégrée dans la vue mobile lorsque vous collez le code incorporé suivant :

<iframe width="560" height="315" src="https://www.youtube.com/embed/_VW-KBt0Sbk" frameborder="0" allowfullscreen></iframe>
Remarque :

Après avoir publié ou affiché un aperçu du projet, si vous voyez le message d’erreur L’objet ne peut pas être affiché dans une image, consultez cet article de forum pour plus d’informations.

Intégrer une vidéo YouTube dans une diapositive réactive
Intégrer une vidéo YouTube dans une diapositive réactive

Vous pouvez modifier la hauteur et la largeur de la vidéo intégrée en modifiant la taille du conteneur de l’objet Web. La vidéo conserve sa largeur en suivant celle du conteneur de l’objet Web et conserve ses proportions en ce qui concerne la hauteur.

Vous pouvez également incorporer des vidéos sans utiliser la balise iframe, même s’il est vivement conseillé de l’utiliser. Vous pouvez utiliser les balises embed et object, comme indiqué ci-dessous :

<object data=" https://www.youtube.com/embed/_VW-KBt0Sbk " width="560" height="315"></object>
<embed width="420" height="315" src=" https://www.youtube.com/embed/_VW-KBt0Sbk "></embed>

Éléments à prendre en compte lors de l’utilisation d’objets Web avec Adobe Captivate

Dans Adobe Captivate, les objets Web et d’animations en HTML5 (lorsqu’ils sont superposés avec d’autres formes) s’affichent toujours en premier

Pour pallier ce problème dans HTML5, procédez comme suit :

  1. Dans le dossier d’installation de Captivate, ouvrez le fichier AdobeCaptivate.ini.
  2. Modifiez le fichier pour définir la valeur de UseWidget7 sur 1 comme suit :
    UseWidget7=1
  3. Fermez et relancez Adobe Captivate. 

Vous pouvez à présent placer vos objets Web au premier ou au second plan, et ils apparaissent ainsi dans HTML 5. 

Remarque :

Cette solution concerne uniquement l’option de publication HTML5 et les pages statiques ou animations .

Un LMS sécurisé (https) risquede vous empêcher de lancer une page non sécurisée (HTTP) incorporée dans un objet Web

Lorsqu’il est question d’un site Web http (dans un objet Web) dans un environnement de LMS sécurisé https, le LMS ne permet pas au contenu de lancer un site Web non sécurisé.

Le contenu se lance correctement dans le serveur d’aperçu de Captivate, car il est basé sur le protocole http. Toutefois, il ne fonctionne pas dans le cloud SCORM ou dans Captivate Prime, ces LMS se basant sur le protocole https.

Il est impossible de détourner les clics dans un objet Web

Le détournement de clic est une menace de sécurité et Captivate ne permet pas de rediriger l’utilisateur vers un autre site Web.

Remarque :

Certains sites Web peuvent ne pas vous permettre de les ouvrir dans une page ou une fenêtre différente. Pour vérifier la prise en charge d’un site sur l’objet Web, vous pouvez créer une simple page HTML contenant une balise iframe et vérifier si votre URL fonctionne. Si c’est le cas, elle fonctionne également  sur l’objet Web.

Pour plus d’informations, consultez la page Wikipédia sur le détournement de clic.

Télécharger des exemples de projets

Pour en savoir plus sur Captivate et sur la manière de créer un contenu d’apprentissage attrayant, téléchargez les projets suivants :

Logo Adobe

Accéder à votre compte