Sie können das Layout grundlegenden Web-Seiten in Adobe InDesign und exportieren Sie sie in HTML mit InDesign "Export für Dreamweaver "-Option. Jedoch wegen der krassen Unterschiede zwischen InDesign und HTML-Formatierung , viele Elemente der InDesign-Layout , wie die Textgröße , Schriftart, weiß Absatzformate , Textumbruch , mehrere Seiten und viele andere, nicht mit dem Dreamweaver HTML Webseite exportieren. Oft müssen Sie das HTML-Dokument in Dreamweaver , andere HTML-Seite Layout-Programm, oder einen Texteditor, um zusätzliche Formatierungen vor der Veröffentlichung auf einem Webserver anzuwenden öffnen. Things You
Adobe InDesign CS3 oder höher
Adobe Dreamweaver , anderen HTML-Editor oder einem Texteditor wie Notepad oder Microsoft Word Apple Pages
brauchen anzeigen Weitere Anweisungen
anlegen Web-Seite in InDesign
1
mit einer leeren Seite starten InDesign oder öffnen Sie eine vorhandene Seite, die Sie in HTML zu exportieren . Wenn Sie ein vorhandenes Dokument verwenden, sollten Sie davon ausgehen, dass ein Großteil der Seitenlayout -Funktionen werden nicht auf das HTML-Dokument zu übertragen. Sie müssen zu berühren das Dokument in einem anderen Programm .
2
Anfang Auslegen Ihrer Seite. Importieren Sie Ihre Texte und Bilder, wie gewohnt und legen Sie sie auf der Seite. Beim Aufsetzen Seite Elemente in HTML-Formatierung , nicht InDesign Drucklayout denken. Zum Beispiel, um mehrere Spalten zu erstellen , legen Sie Ihren Text in Tabellen. Verwenden Sie keine InDesign Seitenlayout -Optionen , um Spalten zu erstellen. Um Bilder auf der linken Seite , rechts oder in der Mitte der Seite auszurichten , legen Sie sie in der Tabelle Zellen anstelle von InDesign Alignment-Optionen . Wenn Sie mehrere Seiten benötigen , legen Sie sie in separaten InDesign-Dokumente , statt mit InDesign " Seiten einfügen "-Option.
3
Legen Sie die Seite in einer linearen Weise , eine Aufgabe nach der anderen , wie Sie sie auf der Seite erscheinen soll. Wenden Sie keine Schriftart, Textgröße und Absatz -Formatierung , diese Details nicht exportieren . Legen Sie keine Bilder in Textfeldern oder verwenden InDesign "Text Wrap "-Funktion , um Text um sie herum zu wickeln. Nicht nur, dass diese Funktion nicht in HTML, wenn Sie Bilder in InDesign platzieren Textfelder , die alle den Text hinter dem Bild nicht zu exportieren.
4
Übernehmen Hyperlinks ( anklickbare Links zu anderen Webseiten und übersetzen URLs) auf Ihre Texte und Bilder . ( Wählen Sie den Text oder das Bild , klicken Sie die "Type "-Menü und wählen Sie dann " Hyperlinks & Cross Referenzen . " Select " Neuer Hyperlink " aus dem Fly-Out- Menü . Es öffnet sich das " Neuer Hyperlink "-Dialog . ) Klicken Sie auf den " Link- um "drop -down , und wählen Sie die Art der Verknüpfung Sie erstellen möchten --- URL , Datei , Seite , E-Mail usw. Geben Sie die Link-URL oder Pfad in dem Feld" URL " . Formatieren Sie das Aussehen Sie Hyperlinks mit Optionen in der "Erscheinung " des New Dialogfeld Hyperlink . Klicken Sie auf " OK".
5
Verwenden Sie die Optionen in XHTML -Export-Optionen , wie Elemente in Ihrem Dokument Export ändern. Die Optionen "Allgemein" , zum Beispiel , können Sie einen Teil oder das gesamte Dokument exportieren. Die Optionen in der "Bilder"- Abschnitt können Sie steuern, Bild -Konvertierung und Display-Qualität . Die "Advanced" Optionen steuern Cascading Style Sheets (CSS) Formatierung und Links zu externen JavaScripts . Wenn Sie alle gewünschten Optionen , klicken Sie auf die Schaltfläche "Exportieren" . InDesign exportiert die HTML-Seite und legt die Bilder in einem Unterverzeichnis mit dem gleichen Namen wie das Dokument . Alle Hyperlink und Bild Pfade werden beim Export beibehalten .
6
Öffnen Sie die neue HTML-Datei in Dreamweaver , anderen HTML-Editor oder einem Texteditor , und berühren Sie die Seite .
