Nwlapcug.com


Come progettare pagine Web in InDesign

Come progettare pagine Web in InDesign


Si può stendere pagine Web di base in Adobe InDesign e li esporta in HTML con l'opzione "Esporta per Dreamweaver" di InDesign. Tuttavia, a causa le nette differenze tra InDesign e la formattazione HTML, molti elementi del layout InDesign, come ad esempio la dimensione del testo, font, stili di paragrafo, Contorna con testo, più pagine e molti altri, non esportare la pagina Web HTML Dreamweaver. Spesso, è necessario aprire il documento HTML in Dreamweaver, un altro programma di impaginazione HTML o un editor di testo per applicare formattazione aggiuntiva prima di pubblicarlo in un server Web.

Istruzioni

Creazione di una pagina Web in InDesign

1

Iniziare con una pagina vuota di InDesign o aprire una pagina esistente che si desidera esportare in formato HTML. Se si utilizza un documento esistente, occorre considerare che gran parte della funzionalità di layout della pagina non verranno trasferite al documento HTML. Allora avrai bisogno di ritoccare il documento in un altro programma.

2

Iniziare la posa fuori la pagina. Importare testo e immagini, come si farebbe normalmente e inserirli nella pagina. Durante l'inserimento di elementi di pagina, pensare in formattazione HTML, non InDesign layout di stampa. Ad esempio, per creare più colonne, inserire il vostro testo in tabelle. Non utilizzare opzioni di layout di pagina di InDesign per creare colonne. Per allineare le immagini a sinistra, destra o al centro della pagina, è possibile inserirli nelle celle di tabella, anziché utilizzare le opzioni di allineamento di InDesign. Se avete bisogno di più pagine, stenderle in documenti InDesign separati, invece di utilizzare l'opzione "Inserisci pagine" di InDesign.

3

Posare la pagina fuori in modo lineare, un oggetto dopo l'altro, come si desidera vengano visualizzati nella pagina. Non applicare il font, la dimensione del testo e formattazione di paragrafo; questi dettagli non esportare. Non inserire immagini nelle caselle di testo o utilizzare la funzionalità di "Testo a capo" di InDesign per disporre il testo intorno a loro. Non solo questa caratteristica non si traduce in formato HTML, quando si inseriscono immagini in caselle di testo di InDesign, tutto il testo dietro l'immagine non verranno esportati.

4

Applicare i 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 scegli "collegamenti ipertestuali" riferimenti incrociati. Selezionare "Nuovo collegamento ipertestuale" dal menu a comparsa. Verrà visualizzata la finestra di dialogo "Nuovo collegamento ipertestuale"). Fare clic su "Link a" elenco a discesa e scegliere il tipo di collegamento che si desidera creare---URL, File, pagina, Email, ecc. Digitare il collegamento URL o il percorso nel campo "URL". Formattare l'aspetto di collegamento ipertestuale con opzioni nella sezione "Aspetto" della finestra di dialogo nuovo collegamento ipertestuale. Fare clic su "OK".

5

Utilizzare le opzioni in opzioni di esportazione XHTML per modificare come esportano gli elementi del documento. Le opzioni "Generali", ad esempio, consentono di esportare una parte o l'intero documento. Le opzioni nella sezione "Immagini" consentono di controllare la conversione di immagini e la qualità dello schermo. Cascading Style Sheets (CSS) formattazione e collegamenti a script esterni JavaScript controllano le opzioni "Avanzate". Al termine della selezione delle opzioni, fare clic sul pulsante "Esporta". InDesign esporta la pagina HTML e posiziona le immagini in una sotto-directory con stesso nome del documento. Tutti i percorsi di collegamento ipertestuale e l'immagine vengono 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 & Avvertenze

  • È possibile evitare di dover ritoccare il documento mediante l'esportazione in un file PDF. Tecnicamente, PDF non sono pagine Web, ma senza problemi schermo browser di oggi. Esportazione di documenti InDesign in PDF conserva tutta la formattazione del documento.