CATALOGUE Design et Infographie Formation Captivate Maîtriser Captivate 9 - Actions avancées et projets réactifs Développer des projets réactifs avec Captivate 9

Développer des projets réactifs avec Captivate 9

Principe de responsive design
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtriser Captivate 9 - Actions avancées et projets réactifs
Revoir le teaser Je m'abonne
3,0
Transcription
Cette leçon fait partie de la formation
69,00€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm
DescriptionProgrammeAvis
3,0
Cette leçon fait partie de la formation
69,00€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm

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.

Voir plus

Questions fréquentes

Qu'est-ce qu'un projet réactif selon Captivate 9 ?
Un projet réactif est un projet qui s'adapte automatiquement aux tailles différentes des écrans sur lesquels il est visualisé.
Quelle technologie permet l'ajustement des éléments dans un projet réactif ?
L'ajustement des éléments est rendu possible grâce aux Media Query dans le langage CSS.
Combien de points de rupture Captivate 9 propose-t-il pour les projets réactifs ?
Captivate 9 propose jusqu'à cinq points de rupture ou décrochages pour les projets réactifs.

Programme détaillé

3 commentaires
3,0
3 votes
5
4
3
2
1
Anonym E.
Il y a 1 an
Ouvrir un fichier est possible en mettant le document en question dans le répertoire Callees après publication ;)
Profile picture for user s.thery
Sylvie T.
Il y a 4 ans
Formation globalement très intéressante.
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 !
Profile picture for user s.thery
Sylvie T.
Il y a 4 ans
Formation globalement très intéressante.
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 !