Qual è il modo migliore per esportare pagina web design progettazione a xhtml?

Question

Ho un file InDesign che è stato progettato per una pagina web. Ho cercato di esportare dal File> Esporta> Dreamweaver con InDesign CS5. Ho provato a configurare tutto e di esportazione, ma il risultato esportato è assolutamente orribile. Che esportazione InDesign immagini e testo, nessun disegno è stato incluso (come ad esempio i colori di sfondo, le posizioni). E 'solo a me o è che il risultato di esportazione dovrebbe essere? E 'a causa del mio file InDesign? Se voglio ottenere il disegno esatto che ho progettato in InDesign, qual è il modo migliore per farlo, perché io non voglio per la progettazione di due volte. Si prega gentilmente mi suggeriscono. Grazie.

Answer 1

Indesign è in primo luogo per i layout di stampa e il design. Come una pagina web designer è molto povera. L'unica cosa che può migliorare l'output è assicurarsi che, nelle opzioni di esportazione XHTML, scheda Avanzate e assicurarsi che Includere Style Definitions, e conservatore Override locali vengono controllati. Oltre a questo, dare un'occhiata a http: / /help.adobe.com/en_US/InDesign/6.0/WS82C401A9-E844-40d5-B9B4-540CA374B0C6a.html

Per di più la funzione di esportazione. Pensate a più come un punto di partenza in avevi qualcosa di progettato già in InDesign, non un prodotto finale. In futuro, userei Illustrator, Fireworks, o Photoshop per fare il vostro disegno.

Answer 2

UNIFORMI DI PROGETTAZIONE IN TUTTE LE PIATTAFORME A PARTIRE da InDesign
(Disclaimer: No implichi l'avvallamento; Basta doveva fare questo, quindi ho pensato di postare il flusso di lavoro come una risposta alla domanda)

0) InDesign ----> 1) Epub -. IPad / Iphone etc
|
| (Esporta come Eps)
|
V
2) Illustrator (3 minuti, oltre a lavorazione con utensili circa in tempo AI; più affettare se lo si fa
qui) | | (2a) Esporta in .psd; fetta / preparare sia in Illustrator o Photoshop.
|
| o (Se si preferisce lavorazione con utensili circa in AI a PS)
|
| (2b) In alternativa, è possibile saltare l'esportazione in .psd e proprio:
| (File> Salva per Web e dispositivi, assicuratevi di andare a "Modifica Output Settings> Fette
| e deselezionare le tabelle zoppo e selezionare css, invece; Anche cambiare HTML> XML)
|
|
| (NOTE: Tenete a mente durante questa fase e la prossima che ci possono essere alcuni strati / di Gruppi | che si potrebbe desiderare
| di esportare tutta la stoffa. Salvare questi file, ma non eliminare gli strati. Proprio fetta
| loro in modo tale che si può vedere l'altezza e la larghezza in px. Potrebbe essere necessario spostare
| è finita. per esempio. si dispone di un gradiente di impressionante. Volete le dimensioni originali, ma un
| piccolo file o forse si desidera un'immagine di sfondo. Tenere queste cose in mente.)
|
V
3) Photoshop (3 minuti, oltre a lavorazione con utensili circa in tempo PS; più affettare se lo si fa qui;)
|
| (3 bis) File> Salva per Web e dispositivi; Vai su "Modifica impostazioni di output> Fette e ha scelto
| e deselezionare le tabelle zoppo e selezionare css, invece; Anche cambiare HTML> XML)
V
4) file PROTO_XHTML e immagine (In questo passaggio è ora hanno:
| a) i file di immagine, correttamente proporzionato
| ** b) Un file XHTML che contiene comodamente le dimensioni in px
| di tutte le immagini in una sezione stile
| * * c) posizionamenti dei file di immagine in px
|
V
5) fare matematica (15 minuti - Probabilmente si desidera alcune cose in percentuali - dimensioni dell'immagine;
piazzamenti assoluti o relativi, ecc - si dovrà fare calcoli per ricavare questi numeri
dal dati grezzi si prodotte nel passaggio precedente. Aprire Excel o qualcosa del genere.
Usa taglio e capacità di incollare. Do la matematica.)
|
|
|
|
V
6) Dreamweaver o qualsiasi altra cosa si utilizza (Get il file PROTOXHTML nel vostro editor. Sostituire
l'px con le percentuali ottenuti nella fase fare matematica.)

Ora avete tutte le materie prime necessarie per ricreare il disegno originale in qualsiasi tipo di impaginazione, fino a quando si sa CSS di base.

Answer 3

IN5 per affrontare questo problema esatta di un'esportazione web che mantiene i layout.

Answer 4

Ha fatto un sacco di ricerca su questo me stesso come ho sentito alcune persone dicendo che potrebbe essere fatto, ma sembra essere un export estremamente semplice, non molto utile se non è il primo passo nella creazione di una pagina web di contenuti InDesign esistente , altrimenti può anche iniziare da zero in un programma di web design dedicato. Una buona pagina chiaro che descrive è qui: http://www.onsitetrainingcourses.com.au/ principale / page_blog_saving_indesign_files_as_html.html