DescriptionProgrammeAvis
Introduction à la Création de Projets Réactifs
Objectifs
Les objectifs de cette vidéo sont de:
- Comprendre les bases des projets réactifs.
- Savoir sélectionner et configurer les résolutions pour divers devices.
- Maîtriser les principes de la cascade et de l'héritage dans la gestion des objets.
- Optimiser les projets pour une compatibilité HTML5 parfaite.
Résumé
Apprenez les fondamentaux de la création de projets réactifs pour smartphones, tablettes et écrans de bureau. Découvrez les notions clés de résolution, de positionnement et de cascade.
Description
Cette vidéo explique comment créer des projets réactifs qui s'adaptent à différentes résolutions d'écran, notamment les smartphones, les tablettes et les écrans de bureau. Vous apprendrez à :
- Choisir entre un projet réactif et un projet vide.
- Connaître les résolutions courantes des iPhones, iPads et autres dispositifs.
- Créer des visualisations multiples pour différentes orientations d'écran.
- Utiliser des ‘décrochages’ pour ajuster les tailles et positions des éléments en fonction des résolutions.
- Comprendre la notion de cascade et d'héritage dans le positionnement des objets.
- Utiliser des fonctionnalités HTML5 pour optimiser la compatibilité des projets réactifs.
La vidéo met également en avant les grandes différences entre les projets vides et réactifs, ainsi que l'utilisation de certains outils comme Adobe Captivate pour gérer les projets réactifs.
Questions - réponses
Questions réponses
Pourquoi est-il essentiel de choisir des projets réactifs?
Il est essentiel de choisir des projets réactifs pour s'assurer que le contenu s'affiche correctement sur tous les dispositifs, optimisant ainsi l'expérience utilisateur.
Comment définir les décrochages appropriés pour les différents dispositifs?
Les décrochages doivent être définis en fonction des résolutions courantes des dispositifs cibles, en s'assurant que le contenu est lisible et utilisable, indépendamment de la taille de l'écran.
Quelles sont les différences entre un projet vide et un projet réactif?
La principale différence réside dans la capacité des projets réactifs à adapter automatiquement le contenu à différentes résolutions d'écran, contrairement aux projets vides qui nécessitent des ajustements manuels.
Programme détaillé
Module 1 - Introduction
Les événements
04:11
Module 2 - Les actions permettant de piloter la tête de lecture et de naviguer dans le module
Continuer & Pause
03:02
Module 3 - Créer un module non linéaire
La fenêtre embranchement
04:16
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
Lire audio
02:00
Arrêter le son déclenché
01:53
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
Afficher une variable
05:07
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
Créer un pré-test
06:16
L’action Retour au quizz
03:29
Module 14 - Les projets réactifs
3 commentaires
3,0
3 votes
5
4
3
2
1
Formation ajoutée au panier
Maîtriser Captivate 9
- Actions avancées et projets réactifs
Formateur expert
Accès sur tous vos appareils
Fichiers de travail téléchargeables
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 !