Exploration et Visualisation en HTML5
Objectifs
Les objectifs de cette vidéo sont de :
1. Comprendre comment exporter un document InDesign en HTML5 avec in5.
2. Intégrer des éléments interactifs tels que des vidéos, diaporamas, et cartes.
3. Apprendre à gérer les textes pour une meilleure présentation dans les navigateurs.
Résumé
Apprenez à exporter vos documents InDesign en HTML5 à l'aide d'in5, et à intégrer des fonctionnalités interactives pour une meilleure présentation.
Description
Dans cette leçon, nous aborderons le processus d'exportation d'un document InDesign en HTML5 à l'aide de l'extension in5. Vous découvrirez également comment intégrer diverses fonctionnalités interactives pour enrichir l'expérience utilisateur. Commençons par l'exportation de notre document en choisissant l'option web, qui permet une visualisation directe dans un navigateur. Une séquence d'images se déclenche automatiquement, accompagnée d'un texte défilant. Cependant, en choisissant de conserver le texte en format HTML, quelques inconvénients tels que les espaces entre les mots justifiés peuvent surgir.
Nous explorerons ensuite l'ajout de vidéos interactives, de diaporamas créés avec InDesign, de panoramiques, et de blocs défilants pour rendre nos pages plus dynamiques. En intégrant un plan de ville au lieu d'un Google Map, nous démontrons l'utilisation du pan and zoom, une alternative pour les blocs d'images interactives. Cette leçon se termine par l'intégration de blocs HTML, que ce soit pour afficher la météo en direct ou pour réaliser des dons via Paypal.
Après cette démonstration, nous passerons à l'édition du document InDesign pour voir comment configurer et exporter chaque fonctionnalité.