Guide d'utilisation Annuler

Exportation de contenu en HTML (hérité)

Apprenez à exporter une page, une planche ou un objet sélectionné au format HTML (hérité).

L’exportation au format HTML convertit facilement votre contenu InDesign en un format adapté au Web. Lorsque vous exportez du contenu au format HTML, vous pouvez contrôler la manière dont le texte et les images sont exportés. InDesign conserve les noms des paragraphes, caractères, objets, tableaux et styles de cellule appliqués aux contenus exportés en marquant les contenus HTML avec les classes de styles CSS du même nom.

Exportation en HTML (hérité)

  1. Si vous n’exportez pas le document dans sa totalité, sélectionnez les blocs de texte, les plages de texte, les cellules de tableau ou les graphismes que vous voulez exporter.
  2. Cliquez sur Fichier > Exporter et sélectionnez HTML (hérité) dans le menu Enregistrer sous (Windows) ou Format (macOS).

  3. Définissez le nom et l’emplacement du document HTML, puis cliquez sur Enregistrer.

  4. Dans la boîte de dialogue Options d’exportation HTML, spécifiez les options souhaitées dans les zones Général, Image et Avancé, puis cliquez sur OK.

Un document portant le nom spécifié et une extension .html (« bulletin.html », par exemple) est créé ; le cas échéant, un sous-dossier d’images web (« images-web-bulletin ») est enregistré au même endroit.

Options d’exportation HTML

Général

Onglet Général affichant diverses options
Options générales

Exporter

Détermine si l’exportation porte sur le document entier ou seulement sur certains éléments sélectionnés.

  • Si un bloc de texte est sélectionné, la totalité de l’article (y compris l’éventuel texte en excès) est exportée.
  • Si l’option Document est sélectionnée, tous les éléments de page de toutes les planches sont exportés, sauf les éléments de gabarit qui n’ont pas été substitués et les éléments de page sur des calques invisibles. Les balises XML, ainsi que les index générés et les tables des matières, sont également ignorés.

Ordre du contenu

Précise l’ordre de lecture des objets de la page.

  • D’après la mise en page : l’emplacement des éléments sur la page détermine l’ordre de lecture. InDesign détermine l’ordre de lecture des objets de page en analysant celle-ci de gauche à droite et de haut en bas. (Versions asiatiques seulement) InDesign détermine l’ordre de lecture des objets de page en fonction de la liaison du document (de gauche à droite ou de droite à gauche).
  • Identique à la structure XML : l’ordre des balises dans la vue Structure détermine l’ordre de lecture. Voir la section Balisage d’éléments de page.
  • Identique au panneau Articles : l’ordre des éléments dans le panneau Articles détermine l’ordre de lecture. Seuls les articles cochés sont exportés. 

Options de mise en forme

  • Puces : sélectionnez l’option Faire correspondre à des listes non triées pour convertir les paragraphes à puces en éléments de liste HTML à l’aide de la balise. Sélectionnez Convertir en texte pour mettre en forme en utilisant la balise avec des puces de format texte. Si vous avez utilisé les puces automatiques InDesign natives, les puces de deuxième niveau (ou sous-puces) sont également incluses.
  • Nombres : détermine la façon dont les nombres sont convertis dans le fichier HTML. Sélectionnez l’option Faire correspondre à des listes triées pour convertir les listes numérotées en éléments de liste HTML à l’aide de la balise. Sélectionnez Convertir en texte pour convertir les listes numérotées en paragraphes commençant par le numéro en cours du paragraphe au format texte.

 

Afficher le HTML après exportation

Démarre le navigateur, si celui-ci est présent.

Image

Options d’image
Options d’image

Copier les images

Spécifie la manière dont les images sont exportées au format HTML.

  • Original : exporte l’image d’origine vers le sous-dossier <nom_document>-web-images. 
  • Optimisé : vous permet de modifier les paramètres pour déterminer comment l’image est exportée.
  • Lien vers le chemin du serveur : plutôt que d’exporter les images vers un sous-dossier, cette option vous permet de saisir une URL locale (telle que « images/ ») qui apparaît devant le fichier image. Dans le code HTML, l’attribut de lien affiche le chemin et l’extension que vous avez spécifiés. Cette option est particulièrement efficace lorsque vous convertissez vous-même des images en images compatibles web.

Conserver l’aspect de la mise en page (pour les objets graphiques/multimédia)

Sélectionnez cette option pour réutiliser les attributs des objets d’image de la mise en page.

Résolution

Spécifiez la résolution des images en pixels par pouce (ppp). Plus le nombre est élevé, meilleure sera la résolution. Tandis que les systèmes d’exploitation ont adopté une résolution standard de 72 ppp ou 96 ppp, la résolution des appareils mobiles varie de 132 ppp (iPad) à 172 ppp (Sony Reader), voire plus de 300 ppp (iPhone 4).
Vous pouvez sélectionner une valeur ppp pour chaque objet sélectionné, parmi lesquelles 72, 96, 150 (moyenne pour tous les lecteurs électroniques du moment) et 300.

Taille de l’image

Indique si l’image doit conserver une taille fixe ou être redimensionnée par rapport au texte de la page. L’option Selon la répartition du texte définit un pourcentage relatif d’après la répartition de texte par rapport à la largeur de la page InDesign. Les images sont ainsi redimensionnées proportionnellement, par rapport au texte dans la surface de lecture.

Alignement et espacement des images

Précise l’alignement des images (à gauche, au centre ou à droite). Vous pouvez également spécifier le remplissage en haut et en bas.

Conversion d’image

Indiquez si les images optimisées dans le document sont converties au format GIF, JPEG ou PNG. Sélectionnez Automatique pour laisser InDesign définir le format à utiliser dans chaque cas.

Options GIF

  • Palette : cette option vous permet de contrôler la façon dont InDesign gère les couleurs lors de l’optimisation des fichiers GIF. Le format GIF utilise une palette de couleurs limitée, qui ne doit pas contenir plus de 256 couleurs. Sélectionnez l’option Adaptative (sans simulation) pour créer une palette en utilisant un échantillon représentatif des couleurs figurant dans l’illustration sans aucun tramage (mélange de petits points de couleurs pour simuler des couleurs supplémentaires). Sélectionnez l’option Web pour créer une palette de couleurs web (ces couleurs sont un sous-ensemble des couleurs système Windows et macOS). Sélectionnez Système (Win) ou Système (Mac) pour créer une palette en utilisant la palette de couleurs système intégrée. Cette option peut entraîner des résultats inattendus.
  • Entrelacement : chargez progressivement les images en remplissant les lignes manquantes. Lorsque cette option est désélectionnée, l’image paraît floue, puis elle devient plus nette au fur à et mesure qu’elle approche de sa résolution maximale.

Options JPEG

  • Qualité d’image : permet de choisir entre une compression (et une taille de fichier réduite) et une haute qualité d’image pour chaque image JPEG créée. L’option Faible génère le plus petit fichier et la qualité d’image la plus faible.
  • Méthode de mise en forme : déterminez la vitesse d’affichage des images JPEG quand l’utilisateur ouvre le fichier contenant l’image dans un navigateur. Sélectionnez Progressive pour que les images JPEG s’affichent progressivement avec de plus en plus de détails à mesure qu’elles sont téléchargées. Choisissez l’option Ligne de base pour que chaque fichier JPEG ne s’affiche qu’une fois entièrement téléchargé. Un espace de substitution est affiché tant que l’image n’est pas téléchargée.

Ignorer les paramètres d’exportation d’objet

Passe outre les options d’exportation d’objet appliquées individuellement aux images. Voir la section Application d’options d’exportation d’objet.

Avancé

Options avancées
Options avancées

Ne pas inclure les catégories en HTML

Sélectionnez cette option si vous ne souhaitez pas inclure de catégories dans le fichier HTML. Elle supprime les attributs de classe et d’ID présents dans la balise pendant l’exportation HTML. Toute balise div redondante présente dans le fichier HTML est également supprimée.

Inclure les catégories en HTML

Sélectionnez cette option pour inclure les catégories dans le fichier HTML.

  • Générer la CSS : indiquez si vous souhaitez qu’InDesign génère un fichier CSS pour le fichier exporté. 
  • Conserver les remplacements locaux : incluez la mise en forme locale (italique ou gras, par exemple).

Ajouter une feuille de style

Spécifiez l’URL de la feuille de style CSS existante, qui est généralement une URL relative, telle que « /styles/style.css ». InDesign ne vérifie pas si la feuille de style CSS existe ou est valide.

Options JavaScript

Sélectionnez Ajouter un script pour exécuter un script JavaScript à l’ouverture de la page HTML. InDesign ne vérifie ni l’existence ni la validité du script JavaScript.

Éléments exportés par InDesign

InDesign exporte tous les articles, les graphismes liés et incorporés, les séquences vidéo SWF, les notes de bas de page, les variables de texte (au format texte), les listes à puces et numérotées, les références croisées internes, ainsi que les hyperliens renvoyant à du texte ou à des pages web. Les tableaux peuvent également être exportés au format HTML. InDesign conserve la mise en forme des tableaux, tel que le contour du tableau et des contours. Des identifiants uniques sont attribués aux tableaux afin que ces derniers puissent être référencés comme jeux de données Spry dans Dreamweaver. Les fichiers audio et vidéo h.264 importés sont placés à l’intérieur de balises HTML5 <audio> et <video>. InDesign exporte également les objets dessinés (tels que les rectangles, les ovales et les polygones), les objets collés (et notamment les images d’Illustrator collées) et le texte vectorisé.

Éléments non exportés par InDesign

InDesign n’exporte pas les hyperliens (à part les liens renvoyant à des pages web et ceux appliqués à du texte renvoyant à des points d’ancrage de texte au sein du même document), les balises XML, les livres, les signets, les glyphlets SING, les transitions de page, les marques d’index, les objets de la table de montage qui ne sont pas sélectionnés et qui ne touchent pas la page, ni les éléments du gabarit de page (sauf s’ils ont été remplacés ou sélectionnés avant l’exportation).

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 ?