CATALOGUE Design et Infographie Formation InDesign InDesign CC - Créer une Web App avec in5

Exporter un Document InDesign en HTML5 avec in5

Retour à la formation
Chapitre 4 Leçon 3
Précédent
Suivant

Apprenez à exporter vos documents InDesign en HTML5 à l'aide d'in5, et à intégrer des fonctionnalités interactives pour une meilleure présentation.

Détails de la leçon

Description de la leçon

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é.

Objectifs de cette leçon

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.

Prérequis pour cette leçon

Pour suivre cette vidéo, vous devez :
1. Avoir une connaissance de base d'InDesign.
2. Connaître les principes de base du HTML et de l'export de documents.
3. Avoir l'extension in5 installée dans InDesign.

Métiers concernés

Les compétences acquises dans cette vidéo peuvent être appliquées dans les métiers suivants :
1. Designer graphique.
2. Concepteur web.
3. Développeur front-end.

Alternatives et ressources

Comme alternatives à InDesign et in5, vous pouvez explorer :
1. Adobe XD pour la création de prototypes.
2. Sketch pour la conception d'interface utilisateur.
3. Figma pour une collaboration en temps réel sur des projets de design.

Questions & Réponses

Exporter le texte en HTML permet d'avoir un contenu recherchable, indexable et facilement éditable, contrairement à un texte exporté en image.
Le bloc défilant permet de visualiser de longs textes sans occuper beaucoup d'espace sur la page, améliorant ainsi la lisibilité et la présentation.
Un panorama peut être intégré en utilisant l'outil panoramique d'InDesign et en exportant le document via in5. Cela permet de faire défiler et zoomer des images larges de manière interactive.