CATALOGUE Design et Infographie Formation InDesign Maîtriser inDesign CS6 - Les nouveautés

Intégration de HTML dans Adobe InDesign CS6

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

Découvrez comment insérer du code HTML dans Adobe InDesign CS6 afin de créer des mises en page web interractives.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous explorons la capacité d'Adobe InDesign CS6 à insérer du code HTML directement dans vos mises en page. Vous apprendrez à utiliser la commande Insérer du code HTML du menu Objet, en copiant et collant du code provenant de sources externes comme Google Maps.

Une fois le code inséré, vous aurez la possibilité de l'intégrer dans votre mise en page sans modifier les dimensions initiales du cadre. Finalement, vous découvrirez comment exporter votre travail en format HTML tout en conservant les styles et les enrichissements de texte définis dans InDesign. Cette fonctionnalité permet de générer des éléments interactifs et réactifs, améliorant ainsi l'expérience utilisateur sur les pages web créées.

Objectifs de cette leçon

À l'issue de cette vidéo, vous serez capable de :

  • Insérer du code HTML dans une mise en page InDesign.
  • Exporter des fichiers HTML depuis InDesign tout en conservant les styles de texte.
  • Intégrer des éléments interactifs tels que des cartes Google Maps dans vos documents.

Prérequis pour cette leçon

Pour tirer pleinement parti de cette vidéo, vous devez :

  • Avoir une connaissance de base d'Adobe InDesign.
  • Connaître les fondamentaux des balises HTML.
  • Disposer d'une version d'Adobe InDesign CS6.

Métiers concernés

Les compétences acquises dans cette vidéo sont particulièrement utiles pour les :

  • Designers graphiques travaillant sur des projets web
  • Développeurs web souhaitant intégrer du contenu dynamique
  • Professionnels du marketing numérique cherchant à améliorer la présentation de contenu en ligne

Alternatives et ressources

En plus d'Adobe InDesign, d'autres outils peuvent être utilisés pour créer et intégrer du HTML dans vos projets de design, notamment :

  • Adobe Dreamweaver pour une édition HTML plus poussée
  • QuarkXPress pour des mises en page similaire
  • Scribus, une alternative open source pour le design et la mise en page

Questions & Réponses

Il est essentiel de ne pas redimensionner le bloc pour préserver les dimensions d'affichage spécifiées dans le code HTML ou iframe inséré, garantissant une présentation optimale de l'élément interactif.
L'export HTML d'InDesign conserve les styles de texte en intégrant les définitions de style spécifiées dans InDesign, permettant ainsi le redimensionnement automatique des textes selon les options de style.
L'intégration de cartes Google Maps dans une mise en page InDesign offre la possibilité de rendre le document plus interactif et informatif, en fournissant des outils de zoom et de déplacement directement accessibles aux utilisateurs.