Comment concevoir des pages Web dans InDesign

September 6

Comment concevoir des pages Web dans InDesign


Vous pouvez disposer des pages Web de base dans Adobe InDesign et les exporter au format HTML avec "l'exportation Dreamweaver pour" InDesign option. Cependant, en raison des différences marquées entre InDesign et le formatage HTML, de nombreux éléments de la mise en page InDesign, telles que la taille du texte, la police, les styles de paragraphe, habillage de texte, plusieurs pages et beaucoup d'autres, ne pas exporter vers la page Web Dreamweaver HTML. Souvent, vous aurez besoin d'ouvrir le document HTML dans Dreamweaver, une autre page HTML programme de mise en page, ou un éditeur de texte pour appliquer la mise en forme supplémentaire avant de le publier sur un serveur Web.

Instructions

Création d'une page Web dans InDesign

1 Commencez avec une page InDesign vierge ou ouvrir une page existante que vous souhaitez exporter au format HTML. Si vous utilisez un document existant, vous devez supposer que la plupart des fonctionnalités de mise en page de la page ne sera pas transférer le document HTML. Vous aurez besoin de retoucher le document dans un autre programme.

2 Commencez à poser sur votre page. Importez votre texte et les images que vous le feriez normalement et placez-les sur la page. Tout en plaçant des éléments de page, penser en format HTML, pas InDesign mise en page d'impression. Par exemple, pour créer plusieurs colonnes, placez votre texte dans les tableaux. Ne pas utiliser les options de mise en page InDesign pour créer des colonnes. Pour aligner les images à gauche, à droite ou au centre de la page, placez-les dans les cellules de la table, au lieu d'utiliser les options d'alignement de InDesign. Si vous avez besoin de plusieurs pages, disposez-les dans des documents InDesign distincts, au lieu de "Insérer des pages" option InDesign à l'aide.

3 Poser la page dans un mode linéaire, un objet après l'autre, comme vous voulez qu'ils apparaissent sur la page. Ne pas appliquer la police, la taille du texte et le formatage des paragraphes; ces détails n'exportent pas. Ne pas placer des images dans des zones de texte ou utiliser "Text Wrap" la fonction d'InDesign pour envelopper le texte autour d'eux. Non seulement cette fonctionnalité se traduit pas en HTML, lorsque vous placez des images dans InDesign zones de texte, tout le texte derrière l'image ne sera pas exporter.

4 Appliquer des hyperliens (liens cliquables vers d'autres pages Web et URL) à votre texte et des images. (Sélectionnez le texte ou l'image, cliquez sur le menu "Type", puis choisissez "Hyperliens et références croisées." Sélectionnez "Nouveau Hyperlink" dans le menu déroulant. Cela ouvre la boîte de dialogue "Nouveau Hyperlink".) Cliquez sur le "lien pour "déroulante et choisissez le type de lien que vous voulez créer --- URL, fichiers, page, Email, etc. Tapez l'URL du lien ou un chemin dans le champ" URL ". Format l'apparition de vous lien hypertexte avec des options dans la section "Apparence" de la boîte de dialogue Nouvel hyperlien. Cliquez sur "OK".

5 Utilisez les options XHTML Options d'exportation pour modifier la façon dont les éléments dans votre document d'exportation. Les options "Général", par exemple, vous permettent d'exporter une partie ou la totalité du document. Les options dans les "Images" section vous permettent de contrôler la conversion de l'image et la qualité d'affichage. Les options "Avancé" contrôlent Cascading Style Sheets (CSS) mise en forme et des liens vers JavaScripts externes. Lorsque vous avez terminé la sélection des options, cliquez sur le bouton "Exporter". InDesign exporte la page HTML et place les images dans un sous-répertoire avec le même nom que le document. Tous les chemins de lien hypertexte et l'image sont maintenues lors de l'exportation.

6 Ouvrez le nouveau fichier HTML dans Dreamweaver, un autre éditeur HTML ou un éditeur de texte, puis appuyez sur la page.

Conseils et avertissements

  • Vous pouvez éviter d'avoir à retoucher votre document en exportant vers un fichier PDF. Techniquement, les fichiers PDF ne sont pas des pages Web, mais les navigateurs d'aujourd'hui les afficher parfaitement. Exportation de documents InDesign au format PDF conserve la totalité de la mise en forme du document.

          

Post a comment: