- Guide de l’utilisateur de Captivate
- Présentation de Captivate
- Nouveautés d’Adobe Captivate
- Configuration requise d’Adobe Captivate
- Mises à jour d’Adobe Captivate
- Télécharger Adobe Captivate
- Foire aux questions
- Ajout d’une diapositive
- Navigateur de diapositives dans Adobe Captivate
- Ajout d’une diapositive de conversation
- Ajout de personnages à votre projet Adobe Captivate
- Modification de l’image d’arrière-plan d’une diapositive
- Ajout d’une marge intérieure dans les blocs de contenu et composants
- Création d’un projet à défilement long
- Options de conception dans Adobe Captivate
- Ajouter des blocs de texte
- Ajouter des blocs de média
- Composants interactifs
- Ajout de blocs d’identité visuelle
- Widgets
- Création de questionnaires
- Ajout d’une question à choix multiples
- Ajout d’une question de type vrai ou faux
- Ajout d’une question d’association de la colonne
- Ajout d’une question à réponse courte
- Ajout d’une question de séquence
- Ajout de groupes de questions et de diapositives de questions aléatoires
- Importation de questions au format CSV
- Ajout de l’audio à un projet
- Interactions
- Animations
- Accessibilité
- Personnalisation du montage chronologique
- Personnalisation de la table des matières et de la barre de lecture
- Modification des propriétés d’un projet
- Création d’un projet de simulation
- Prévisualisation d’un projet
- Partage d’un projet pour révision
- Publication d’un projet
- Mise à niveau de projets dans Adobe Captivate
Découvrez comment ajouter des objets Web à un projet Captivate.
Présentation
Les objets Web vous permettent d’incorporer du contenu externe, tel que des contenus multimédias HTML5, des vidéos, des pages Web, des liens de diffusion en continu et des PDF, directement dans des diapositives. Cette fonctionnalité améliore l’interactivité et permet l’intégration de ressources tierces. Les objets Web peuvent être ajoutés à l’aide d’URL, de codes incorporés ou de PDF chargés, ce qui offre une grande flexibilité dans l’inclusion de contenu. Leur apparence est entièrement personnalisable, avec des options pour inclure des légendes, des sous-titres et des boutons interactifs, assurant une expérience utilisateur cohérente et attrayante.
Sujets de cette page :
-
Sélectionnez Ajouter des blocs multimédias dans la barre d’outils de gauche.
-
Sélectionnez Objet Web.
-
Dans le panneau Propriétés visuelles, choisissez le nombre d’objets Web à inclure dans le bloc de contenu, avec un maximum de deux par diapositive.
-
Ajoutez des composants tels que des légendes, des sous-titres, des cartes ou des boutons via la section Composants .
- Légende/Sous-titre : ajoute des espaces réservés de texte à l’intérieur du bloc de contenu.
- Carte : ajoute une carte autour du ou des objets Web et agit comme un conteneur.
- Bouton : masque ou affiche l’objet Web, ou ajoute des interactions et des animations.
L’aperçu de l’objet Web apparaît dans le bloc de contenu.
Ajout d’un code incorporé en tant qu’objet Web
Un code incorporé est un extrait de code HTML ou JavaScript fourni par des plateformes externes, qui vous permet d’intégrer du contenu multimédia, tel que des vidéos, des éléments interactifs ou des widgets, dans votre projet.
Un code incorporé vous aide à inclure des vidéos à partir d’un serveur de diffusion en continu et vous donne plus de contrôle sur la taille, la mise en page et l’apparence de l’objet.
-
Sélectionnez l’option Incorporer le code.
-
Copiez le code incorporé à partir de YouTube, de Vimeo ou de toute plateforme de diffusion vidéo en continu et collez-le.
Voici un exemple de code incorporé provenant d’une vidéo YouTube :
<iframe width="560" height="315" src="https://www.youtube.com/embed/pydJXGFsQ3A?si=Xn7kPDoNG9UduYX8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
Une fois le code incorporé collé, l’aperçu s’affiche sur la diapositive.
Pour utiliser toute la zone du bloc de contenu de l’objet Web, modifiez le code incorporé de l’iframe. Ajustez le code pour définir les attributs width et height sur « 100 % », par exemple width="100%" height="100%. Cela permet de s’assurer que l’objet Web occupe entièrement l’espace disponible.
-
Sélectionnez l’option Système, puis l’icône pour parcourir un fichier PDF à partir du système. Lors de la publication du projet, le PDF est copié dans les fichiers du projet.
-
Sélectionnez Aperçu dans le coin supérieur droit pour vérifier comment le PDF apparaît dans les différents affichages de l’appareil au moment de l’exécution. Pendant l’aperçu, testez les fonctions clés telles que la recherche, le défilement, les annotations et l’enregistrement du fichier.
-
Personnalisez l’apparence du bloc de contenu de l’objet Web dans la section Apparence. Améliorez son attrait visuel en ajustant la couleur d’arrière-plan, en ajoutant des bordures et en appliquant des ombres.
-
Dans la section Alignement et espacement, vous pouvez ajuster la largeur du contenu à l’aide du curseur ou ajouter une marge intérieure entre le contenu et ses bordures. Découvrez plus en détail les marges intérieures et les mises en page automatiques dans Adobe Captivate.
-
Ajoutez une carte autour de l’objet Web. Sélectionnez l’option Carte dans Composants et développez la section Carte pour modifier l’apparence de la carte.
-
Sélectionnez les composants de texte Légende ou Sous-titre pour personnaliser leur apparence. Vous pouvez ajuster la couleur du texte, appliquer des tons clairs ou des tons foncés, ajouter des puces ou des numéros et choisir un style dans le panneau Paramètres prédéfinis.
-
Sélectionnez le composant Bouton pour personnaliser sa conception ou ajouter une marge intérieure. Vous pouvez modifier sa forme, son texte, son icône, sa couleur, sa bordure ou ajouter des ombres pour un aspect personnalisé.
Meilleures pratiques d’utilisation des objets Web dans les projets de formation en ligne
Pour garantir le bon fonctionnement et la sécurité du contenu intégré, tel que les vidéos et les liens vers des contenus multimédias externes, dans votre projet d’apprentissage en ligne, nous vous recommandons de suivre les meilleures pratiques suivantes :
- Utiliser HTTPS : utilisez toujours HTTPS pour des connexions sécurisées et chiffrées afin de protéger les données utilisateur et d’assurer la compatibilité avec les navigateurs récents.
- Contrôler l’absence de détournement de clic : 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.
- Vérifier la compatibilité des navigateurs : testez le contenu intégré dans différents navigateurs afin de vous assurer qu’il s’affiche et fonctionne correctement pour tous les utilisateurs.
- Confirmer que le contenu est légal et non bloqué : utilisez des sources légales fiables pour les contenus multimédias intégrés et vérifiez régulièrement que les liens fonctionnent toujours et sont accessibles dans les régions concernées.
- Garantir la conformité CORS : assurez-vous que les ressources externes prennent en charge le partage de ressources CORS (Cross-origin resource sharing) pour éviter les restrictions de navigateur sur le contenu intégré d’origines différentes.
- Tester la compatibilité des appareils : vérifiez que le contenu intégré est réactif sur les tablettes et les appareils mobiles pour une expérience transparente quelle que soit la taille de l’écran.
- Examiner le blocage de script : testez le contenu avec le blocage de script activé et travaillez avec votre équipe pour mettre en œuvre des solutions de secours si le contenu critique est bloqué.
