Du kan legge ut enkle websider i Adobe InDesign og eksportere dem til HTML med InDesign "Export for Dreamweaver " alternativet . Men på grunn av sterk forskjeller mellom InDesign og HTML formatering, mange elementer av InDesign-layouten , for eksempel tekst størrelse , font , gjør avsnittsstilene , tekstbryting , flere sider og mange andre, ikke eksportere til Dreamweaver HTML websiden. Ofte må du åpne HTML -dokument i Dreamweaver , en annen HTML-side layout -program , eller en tekst editor til å søke ytterligere formatering før du publiserer den til en webserver . Du trenger
Adobe InDesign CS3 eller nyere
Adobe Dreamweaver , en annen HTML-editor , eller en tekst editor, for eksempel Notepad Microsoft Word eller Apple Pages
Vis flere instruksjoner
Opprette en web-side i InDesign
en
Begynn med en tom InDesign side eller åpne en eksisterende side du vil eksportere til HTML. Hvis du bruker et eksisterende dokument , bør du anta at mye av sidens layout funksjoner som ikke vil overføre til HTML-dokumentet. Du må ta opp dokumentet i et annet program .
2
begynne å legge ut siden din . Importer tekst og bilder som du normalt ville og plassere dem på siden . Mens plassere sideelementer , tenker i HTML formatering, ikke InDesign print layout. For eksempel , for å skape flere kolonner , plasserer tekst i tabeller . Ikke bruk InDesign alternativer for sideoppsett for å lage kolonner . Å justere bilder til venstre , høyre eller midten av siden , plassere dem i tabellceller , i stedet for å bruke InDesign justering alternativer. Hvis du trenger flere sider , legge dem ut i separate InDesign-dokumenter , i stedet for å bruke InDesign er " Sett inn sider " alternativet .
3
Legg den siden ut i en lineær måte , ett objekt etter den andre , som du vil de skal vises på siden . Ikke påfør skrifttype , tekststørrelse , og avsnitt , og disse detaljene ikke eksportere. Ikke plassere bilder i tekstbokser eller bruke InDesign "Text Wrap "-funksjonen for å bryte tekst rundt dem . Ikke bare denne funksjonen ikke oversette til HTML, når du plasserer bilder i InDesign tekstbokser , vil all teksten bak bildet ikke eksportere .
4
Påfør hyperkoblinger ( klikkbare lenker til andre websider og URLer) til tekst og bilder . ( Merk teksten eller bildet, klikker du på "Type "-menyen og velg deretter " Hyperkoblinger og kryssreferanser . " Velg "Ny link " fra fly-out menyen . Dette åpner " Ny link " i dialogboksen . ) Klikk på "Link til "drop -down og velge type link du ønsker å opprette --- URL , File , Page , e-post , etc. Type koblingen URL eller sti i " URL "-feltet . Formatere utseendet du hyperlink med alternativer i " Utseende "-delen av Ny hyperkobling dialogboksen . Klikk "OK".
5
Bruk alternativene i XHTML Eksportvalg å endre hvordan elementer i dokumentet eksport. "Generelt" alternativer , for eksempel , kan du eksportere en del av eller hele dokumentet . Alternativene i "Bilder "-delen lar deg kontrollere bilde konvertering og skjermkvalitet . "Advanced " alternativer kontrollere Cascading Style Sheets ( CSS) formatering og lenker til eksterne JavaScripts . Når du er ferdig med å velge alternativer , klikk på " Export" -knappen. InDesign eksporterer HTML-siden og plasserer bildene i en sub - katalog med samme navn som dokumentet . Alle hyperlink og bilde stier opprettholdes ved eksport.
6
Åpne den nye HTML -filen i Dreamweaver , en annen HTML-editor , eller en tekst editor og flikking på siden.