CATALOGUE Design et Infographie Formation Photoshop Apprendre Photoshop CC pour le Web - Photoshop orienté Web et mobile

Intégration de pages HTML dans InDesign

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

Découvrez comment intégrer une page HTML dans InDesign pour des publications numériques enrichies.

Détails de la leçon

Description de la leçon

Cette leçon démontre le processus complet d'intégration d'une page HTML au sein d'un document InDesign, notamment pour des publications numériques. D'abord, nous examinons la nécessité de conserver la page InDesign et les éléments HTML dans le même répertoire pour créer des références hypertextes efficaces. Ensuite, nous créons un document pour une publication numérique en indiquant les dimensions adéquates. La leçon détaille comment créer le bloc de contenu correspondant aux dimensions de la création numérique et l'intégration du contenu HTML via l'option folio overlays. Diverses options telles que le lancement automatique d'animations, la transparence de l'arrière-plan, et l'ajustement à l'échelle du contenu sont explorées. Nous abordons aussi la création d'un poster pour l'aperçu de la page HTML à l'aide de Photoshop. Le viewer Adobe DPS permet de visualiser le rendu final et de naviguer dans le contenu intégré. En conclusion, il est montré comment enrichir ces éléments avec des animations et des interactions pour une expérience utilisateur optimale.

Objectifs de cette leçon

Les objectifs de cette vidéo sont :
1. Apprendre à intégrer une page HTML dans InDesign.
2. Comprendre l'importance de maintenir l'organisation des fichiers.
3. Savoir configurer les options d'intégration du contenu HTML.
4. Créer un poster d'aperçu pour la page HTML.
5. Utiliser des outils comme Adobe DPS pour prévisualiser le résultat final.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est nécessaire d'avoir :
1. Des connaissances de base en InDesign.
2. Une compréhension des concepts HTML et des structures de répertoires.
3. Familiarité avec Photoshop pour la création d'images.

Métiers concernés

Des professionnels comme les designers UX/UI, les développeurs front-end, et les éditeurs numériques peuvent bénéficier de ce sujet pour améliorer leurs compétences en intégration HTML dans leurs projets de publications numériques.

Alternatives et ressources

En dehors d'InDesign, d'autres outils permettent d'intégrer des contenus HTML dans des publications numériques, tels que :
1. Adobe XD
2. Sketch
3. Figma

Questions & Réponses

Cela assure que les médias sont intégrés dynamiquement à travers des références hypertextes, garantissant que toutes les images et autres contenus liés s'affichent correctement.
Photoshop est utilisé pour créer le poster d'aperçu en fournissant une image JPEG non découpée correspondant aux dimensions de la publication InDesign.
Le viewer Adobe DPS permet de visualiser le rendu final de la page HTML intégrée, où l'on peut faire défiler et interagir avec le contenu pour voir l'effet global.