Guide d'utilisation Annuler

Exportation de contenu au format HTML5

Apprenez à exporter une page, une planche ou un objet sélectionné au format HTML5.

Exportez un document InDesign au format HTML5 pour garantir la compatibilité inter-plateforme et permettre l’utilisation de contenus interactifs riches, un engagement utilisateur renforcé et une meilleure accessibilité. Cela améliore également le référencement et les performances des pages web. Lorsque vous exportez du contenu au format HTML5, vous pouvez contrôler la manière dont le texte est exporté.

Exportation d’un package HTML5

  1. Sélectionnez Fichier > Exporter.

  2. Sélectionnez HTML5 dans le menu Enregistrer sous (Windows) ou Format (macOS).

  3. Sélectionnez Utiliser le nom du document InDesign comme nom de fichier de sortie si vous souhaitez le même nom de fichier, puis cliquez sur Enregistrer.

  4. Sélectionnez Balises de texte HTML ou Balises HTML d’image SVG selon vos besoins dans la boîte de dialogue Exporter le package HTML5. Pour copier les polices, sélectionnez  Copier les polices (sauf celles activées à partir d’Adobe Fonts) . Cela inclut les polices CJC.

    Boîte de dialogue Exporter le package HTML5
    Vous pouvez désormais exporter votre document InDesign sous forme de package HTML5.

  5. Sélectionnez Exporter.

Exportation HTML5 : propriétés clés appliquées à partir de la boîte de dialogue Publish Online 

Titre

Cette valeur sera utilisée pour nommer le dossier exporté.

Description

Non exporté.

Pages

Défini dans la boîte de dialogue Publish Online. Toutes les pages seront incluses si vous exportez directement depuis le menu Fichier > Exporter > HTML5.

Exporter au format

  • Un(e) seul(e) : chaque page est exportée sous forme de fichier HTML individuel, chacun étant lié au fichier index.html principal.
  • Planche : chaque planche est exportée sous forme d’un fichier HTML unique, lié au fichier index.html principal.

Activer la protection par mot de passe

Non applicable.

Vignette de couverture

Les miniatures sont incluses dans le package HTML5.

Paramètres d’image

Les paramètres de la boîte de dialogue Publish Online seront appliqués.

Télécharger les paramètres PDF

Non applicable.

Autres paramètres

Non applicable.

Google Analytics

Si une balise Google Analytics est incluse dans la boîte de dialogue Publish Online, elle sera ajoutée au fichier index.html dans l’exportation HTML5. Si vous hébergez les pages sur votre site web, veillez à obtenir le consentement des utilisateurs via une bannière de cookies, si nécessaire.

Solutions rapides pour résoudre les problèmes de rendu HTML5

  • Si vous avez utilisé l’option Balises de texte HTML, veillez à sélectionner l’option Copier les polices pendant l’exportation.
  • Si vous avez sélectionné l’option Copier les polices, vérifiez si le problème est toujours causé par une police manquante. Essayez l’option Balises HTML d’image SVG pour confirmer qu’il s’agit bien d’un problème de police.
  • S’il s’agit effectivement d’un problème de police et que votre option Balises HTML d’image SVG semble correcte, vérifiez si les polices que vous avez utilisées dans le document InDesign sont exportées et placées dans le dossier de polices du package. Si ce n’est pas le cas, vous devrez peut-être copier et placer les polices dans le dossier manuellement. 
  • Si, après avoir placé les polices, le problème persiste, veuillez contacter l’équipe d’assistance clientèle.
Remarque :

L’utilisation de polices sur un site web doit respecter les termes de votre licence de police. Les polices auto-hébergées pour un site web peuvent nécessiter une licence distincte.

Différence entre Package HTML5 et HTML (hérité)

Le package HTML5 vise à imiter, dès le départ, la mise en page du fichier InDesign dans le HTML5 généré. En revanche, HTML (hérité) est une approche ascendante pour créer du HTML à partir d’un fichier InDesign, et les similitudes de mise en page avec le fichier d’origine sont limitées.

Problèmes connus

  • Effets tels que l’ombre portée, le flou, etc. car les textes ne sont pas exportés correctement.

Solution : sélectionnez l’option Balises HTML d’image SVG plutôt que Balises de texte HTML pour exporter le texte.

Articles connexes

Vous avez une question ou une suggestion ?

Questions à la communauté

Si vous avez une question à poser ou une idée à partager, rejoignez la communauté Adobe InDesign. Nous avons hâte de vous y retrouver et de découvrir vos créations.

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?