Du kan lägga ut grundläggande webbsidor i Adobe InDesign och exportera dem till HTML med InDesign s " Exportera för Dreamweaver " alternativet . Men på grund av de stora skillnader mellan InDesign och HTML-formatering , många delar av InDesign-layouten , såsom textstorlek , typsnitt , inte exporterar styckeformat , text wrap , flera sidor och många andra, inte till Dreamweaver HTML webbsida . Ofta måste du öppna HTML- dokument i Dreamweaver , en annan HTML- sida layout program , eller en textredigerare för att tillämpa ytterligare formatering innan du publicerar den på en webbserver . Saker du behöver
Adobe InDesign CS3 eller senare
Adobe Dreamweaver , en annan HTML- redigerare eller en textredigerare , till exempel Anteckningar Microsoft Word eller Apple Pages
Visa fler instruktioner
Skapa ett webbsida i InDesign
1
Börja med en tom InDesign sida eller öppna en befintlig sida du vill exportera till HTML . Om du använder ett befintligt dokument , bör du anta att en stor del av sidans layout funktioner kommer inte att överföra till HTML-dokument. Du måste röra upp dokument i ett annat program .
2
börja lägga ut din sida . Importera din text och bilder som vanligt och placera dem på sidan . Medan placera sidelement , tänka i HTML-formatering , inte InDesign print layout . Till exempel , för att skapa flera kolumner , placera din text i tabeller . Använd inte InDesign s alternativ för sidlayout för att skapa kolumner . För att anpassa bilderna till vänster , höger eller mitten av sidan , placera dem i tabellceller , istället för att använda InDesign s justeringsalternativ . Om du behöver flera sidor , lägg dem i separata InDesign-dokument , istället för att använda InDesign s " Infoga sidor " alternativet .
3
Placera sidan i ett linjärt sätt , ett objekt efter varandra , som du vill att de ska visas på sidan . Applicera inte typsnitt , textstorlek , och punkt formatering , dessa detaljer inte exportera . Placera inte bilder i textrutor eller använd InDesign s " Text Wrap " -funktionen så att texten flödar runt dem . Inte bara översätta denna funktion inte HTML , när du placerar bilder i lådor InDesign-text , kommer all text bakom bilden inte exportera .
4
Ansök hyperlänkar ( klickbara länkar till andra webbsidor och webbadresser ) till din text och bilder . ( Markera texten eller bilden , klicka på " Type " -menyn och välj sedan " Hyperlänkar & korsreferenser . " Välj " Ny hyperlänk " från fly -out -menyn . Detta öppnar " Ny hyperlänk " i dialogrutan . ) Klicka på " Länk att " rullgardinsmenyn och välj den typ av länk du vill skapa --- URL , fil, Sida , e-post , etc. Typ länken webbadressen eller sökvägen i " URL "rutan . Formatera utseende du hyperlänk med alternativ i " Utseende " i Ny hyperlänk dialogrutan . Klicka på " OK . "
5
Använd alternativen i XHTML Exportera Alternativ för att ändra hur element i dokumentet export . "Allmänt" alternativ , till exempel , kan du exportera en del eller hela dokumentet . Alternativen i " Bilder "-avsnittet kan du kontrollera bilden konvertering och bildkvalitet . "Avancerat" alternativen styr Cascading Style Sheets ( CSS ) formatering och länkar till externa JavaScript . När du har valt alternativ , klicka på " Exportera " -knappen . InDesign exporterar HTML-sidan och placerar bilderna i en sub - katalog med samma namn som dokumentet . Alla hyperlänk och bild vägar bibehålls under exporten .
6
Öppna den nya HTML-filen i Dreamweaver , en annan HTML- redigerare eller en textredigerare och touch upp på sidan .
