Introduction aux projets réactifs
Objectifs
Les objectifs de cette vidéo sont de :
- Comprendre le concept de projet réactif ou adaptatif avec Captivate 9.
- Savoir utiliser les Media Query pour créer des projets adaptés à différentes résolutions d'écran.
- Maîtriser l'intégration des langages HTML5, JavaScript et CSS dans Captivate pour la publication de contenus réactifs.
Résumé
Apprenez à créer des projets réactifs avec Captivate 9, en utilisant des techniques de design adaptatif et du CSS pour optimiser l'affichage sur divers écrans.
Description
Captivate 9 vous permet de développer des projets réactifs, aussi appelés projets adaptatifs ou responsive. Ces projets s'adaptent automatiquement à la taille des écrans sur lesquels ils sont visualisés, qu'il s'agisse d'écrans de bureau, de tablettes ou de smartphones. L'ajustement des éléments du projet selon les dimensions de l'écran est rendu possible grâce à l'intégration des langages HTML5, JavaScript et CSS.
L'utilisation des Media Query dans le fichier CSS permet à Captivate de gérer jusqu'à cinq points de rupture ou décrochages, correspondant aux différentes résolutions d'écran standards : ordinateurs de bureau, tablettes en mode portrait et paysage, smartphones en mode portrait et paysage. Cette flexibilité est indispensable pour assurer une expérience utilisateur optimale, quel que soit le dispositif.
Contrairement au design fixe utilisé pour les impressions, où les dimensions restent constantes, les projets réactifs doivent s'adapter aux variations de dimensions d'écran. Cet ajustement continuel est essentiel pour offrir une compatibilité et une lisibilité optimales sur divers supports.
Questions - réponses
Programme détaillé
Module 1 - Introduction
Module 2 - Les actions permettant de piloter la tête de lecture et de naviguer dans le module
Module 3 - Créer un module non linéaire
Module 4 - Les actions permettant de modifier l’affichage d’un objet
Module 5 - Les actions permettant de modifier l’interface de navigation
Module 6 - Les actions permettant de piloter l’audio
Module 7 - Les actions permettant d’effectuer des actions extérieures au module
Module 8 - Les actions permettant d’aller plus loin
Module 9 - Les variables dans Adobe Captivate
Module 10 - Les actions avancées
Module 11 - Les actions partagées
Module 12 - Les actions avancées conditionnelles
Module 13 - Les quizs avancés dans Adobe Captivate
Module 14 - Les projets réactifs
Cependant à ce jour (09/2020) la dernière partie (projets réactifs) est devenue désuète du fait de l'évolution de l'outil Captivate.
On aimerait voir une mise à jour de cette formation en lien avec Captivate 2019 !
Cependant à ce jour (09/2020) la dernière partie (projets réactifs) est devenue désuète du fait de l'évolution de l'outil Captivate.
On aimerait voir une mise à jour de cette formation en lien avec Captivate 2019 !