Come progettare le pagine Web in InDesign

È possibile disporre le pagine Web di base in Adobe InDesign e di esportarli in HTML con di InDesign "Export Dreamweaver per" opzione . Tuttavia, a causa delle forti differenze tra InDesign e la formattazione HTML , molti elementi del layout di InDesign , come la dimensione del testo , font , stili di paragrafo , disporre il testo , più pagine e molti altri, non esportano alla pagina Web di Dreamweaver HTML . Spesso , è necessario aprire il documento HTML in Dreamweaver , un altro programma di layout di pagina HTML , o un editor di testo per applicare la formattazione aggiuntiva prima di pubblicarlo in un server web . Cose che ti serviranno
Adobe InDesign CS3 o poi
Adobe Dreamweaver , un altro editor HTML , o un editor di testo , ad esempio Blocco note di Microsoft Word o Apple Pagine
Show More Istruzioni
Creazione di un pagina Web in InDesign
1

Inizia con una pagina vuota InDesign o aprire una pagina esistente che si desidera esportare in HTML . Se si utilizza un documento esistente , si deve presumere che la maggior parte le funzioni di layout della pagina non sarà il trasferimento al documento HTML . Avrete bisogno di ritoccare il documento in un altro programma .
2

Inizio layout di pagina . Importa il testo e immagini come si farebbe normalmente e metterli sulla pagina . Pur ponendo elementi della pagina , pensare in formattazione HTML , non layout di stampa InDesign . 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 usare le opzioni di allineamento di InDesign . Se avete bisogno di più pagine , stenderle in documenti InDesign separati , invece di utilizzare l'opzione di InDesign "Inserisci Pagine " .
3

Lay la pagina in modo lineare , un oggetto dopo l'altro , come si desidera vengano visualizzati nella pagina. Non applicare il tipo di carattere , dimensione del testo e la formattazione dei paragrafi , questi dettagli non esportano . Non posizionare le immagini in caselle di testo o utilizzare la funzione di " Testo a capo " di InDesign per disporre il testo intorno a loro . Non solo questa caratteristica si traduce in HTML , quando si inserisce le immagini in caselle di testo di InDesign , tutto il testo dietro l'immagine non esportare.
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 poi scegliere " Collegamenti ipertestuali e riferimenti incrociati. " Scegli " Nuovo collegamento ipertestuale " dal menu a comparsa . Viene visualizzata la finestra di dialogo " Nuovo collegamento ipertestuale " . ) Fare clic su " Collegamento per " discesa e scegliere il tipo di collegamento che si desidera creare --- URL , File , Pagina , email , ecc tipo il collegamento URL o il percorso nel campo" URL " . Formattare l'aspetto di voi collegamento ipertestuale con le opzioni nella sezione "Aspetto" della finestra di dialogo Nuovo collegamento ipertestuale . Fare clic su " OK ".
5

Utilizzare le opzioni in XHTML Opzioni di esportazione di modificare come elementi del documento di esportazione . Le opzioni " generali" , ad esempio , consentono di esportare una parte o l'intero documento . Le opzioni nella sezione " Immagini " consentono di controllare la conversione delle immagini e la qualità di visualizzazione . Le opzioni " avanzate" controllano Cascading Style Sheets ( CSS ) di formattazione e link a script JavaScript esterni . Dopo aver selezionato le opzioni , fare clic sul pulsante "Esporta" . InDesign esporta la pagina HTML e inserisce le immagini in una sotto- directory con lo stesso nome del documento . Tutti i percorsi di collegamento ipertestuale e 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 .