CATALOGUE Design et Infographie Formation Captivate Maîtriser Captivate 9 - Actions avancées et projets réactifs Créer des Projets Web Réactifs pour Différentes Résolutions d'Écran

Créer des Projets Web Réactifs pour Différentes Résolutions d'Écran

Cascade dans les décrochages Media Queries
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€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
3,0
Cette leçon fait partie de la formation
69,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

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.

Voir plus

Questions fréquentes

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é

3 commentaires
3,0
3 votes
5
4
3
2
1
o.daunis
Il y a 1 an
Ouvrir un fichier est possible en mettant le document en question dans le répertoire Callees après publication ;)
s.thery
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 !
s.thery
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 !