Come progettare pagine web in InDesign

May 2

Come progettare pagine web in InDesign


È possibile tracciare le pagine Web di base in Adobe InDesign e esportarli in HTML con "Esporta Dreamweaver per" di InDesign opzione. Tuttavia, a causa delle forti differenze tra InDesign e la formattazione HTML, molti elementi del layout di InDesign, come ad esempio la dimensione del testo, font, stili di paragrafo, avvolgere il testo, pagine multiple e molti altri, non esportare la pagina Web di Dreamweaver HTML. Spesso, è necessario aprire il documento HTML in Dreamweaver, un altro programma di impaginazione HTML o un editor di testo per applicare la formattazione aggiuntiva prima di pubblicarlo su un server Web.

istruzione

La creazione di una pagina Web in InDesign

1 Iniziare con una pagina vuota InDesign o aprire una pagina esistente che si desidera esportare in formato HTML. Se si utilizza un documento esistente, si deve presumere che gran parte della funzionalità di layout della pagina non trasferirà al documento HTML. Avrete bisogno di ritoccare il documento in un altro programma.

2 Iniziare la posa di una pagina. Importa il testo e immagini come si farebbe normalmente e metterli sulla pagina. Pur ponendo elementi della pagina, pensare in formattazione HTML, non InDesign layout di stampa. Ad esempio, per creare più colonne, inserire il vostro testo in tabelle. Non utilizzare le opzioni di layout di pagina di InDesign per creare colonne. Per allineare le immagini a sinistra, a destra o al centro della pagina, metterli in celle della tabella, invece di utilizzare le opzioni di allineamento di InDesign. Se avete bisogno di più pagine, stenderli in documenti InDesign separati, invece di utilizzare l'opzione "Inserisci Pagine" di InDesign.

3 Stendere la pagina in modo lineare, un oggetto dopo l'altro, come si desidera vengano visualizzati nella pagina. Non applicare font, la dimensione del testo e la formattazione dei paragrafi; Questi dettagli non esportano. Non posizionare le immagini in caselle di testo o utilizzare la funzione "Testo a capo" di InDesign per disporre il testo intorno a loro. Non solo questa caratteristica si traduce in HTML, quando si posiziona le immagini in caselle di testo di InDesign, tutto il testo dietro l'immagine non esporterà.

4 Applicare collegamenti ipertestuali (link cliccabili ad altre pagine Web e URL) per il testo e immagini. (Selezionare il testo o l'immagine, fare clic sul menu "Tipo" e quindi scegliere "Collegamenti ipertestuali e riferimenti incrociati." Selezionare "Nuovo collegamento ipertestuale" dal menu a comparsa. Ciò apre la finestra di dialogo "Nuovo collegamento ipertestuale".) Fare clic sul "Link per "discesa e scegliere il tipo di collegamento che si desidera creare --- URL, file, pagina, e-mail, ecc digitare l'URL del link o il percorso nel campo" URL ". Formattare l'aspetto di voi collegamento ipertestuale con opzioni nella sezione "Aspetto" della finestra di dialogo Nuovo collegamento ipertestuale. Fai clic su "OK".

5 Utilizzare le opzioni in XHTML Opzioni di esportazione di modificare come gli elementi nella vostra esportazione del documento. Le opzioni "Generale", ad esempio, consentono di esportare una parte o l'intero documento. Le opzioni in "Immagini" sezione consentono di controllare la conversione delle immagini e la qualità di visualizzazione. Le opzioni "avanzate" controllano la formattazione Cascading Style Sheets (CSS) e link a JavaScript esterni. Al termine della selezione delle opzioni, fare clic sul pulsante "Esporta". InDesign esporta la pagina HTML e mette le immagini in una sotto-directory con lo stesso nome del documento. Tutti i percorsi di collegamento ipertestuale e immagine sono mantenuti durante l'esportazione.

6 Aprire il nuovo file HTML in Dreamweaver, un altro editor HTML o un editor di testo e toccare la pagina.

Consigli e avvertenze

  • È possibile evitare di dover ritoccare il documento per l'esportazione in un file PDF. Tecnicamente, i PDF non sono pagine Web, ma i browser di oggi li visualizza in modo impeccabile. Esportazione di documenti InDesign in PDF mantiene tutta la formattazione del documento.

Articoli Correlati