Vom Ausdruck ins Internet

Transkript

1 Vom Ausdruck ins Internet Skip to subnavigation Mit den professionellen Publishing-Tools von Adobe InDesign und den hochwertigen Weberstellungs-Tools von Adobe GoLive können Sie für den Druck vorgesehene Inhalte ins Internet übertragen und dadurch kreative Websites erstellen, die Ihre gedruckten Medien ausgezeichnet ergänzen. In diesem Lehrgang erfahren Sie, wie Inhalte aus einer farbigen, gedruckten Broschüre angepasst wurden, um eine visuell anspruchsvolle Website für Teilnehmer einer fiktiven Konferenz zu erstellen. Im Laufe dieses Lehrgangs lernen Sie Tipps und Tricks kennen, die Ihnen helfen, Inhalte aus InDesign in GoLive zu übertragen und die gewünschten Ergebnisse zu erzielen Identifizieren der Inhalte für die Website Bevor Sie anfangen, müssen Sie den Text und die Grafiken identifizieren, die Sie aus Ihrem InDesign-Dokument verwenden möchten. Wenn Sie das Dokument für GoLive verpacken, erstellt InDesign einen entsprechenden Paketordner mit allen Dateien, die für die Erstellung des InDesign-Dokuments verwendet wurden: formatierter Text, Grafiken und eine Dokumentvorschau. Dadurch können Sie schnell Elemente auffinden und sie auf die GoLive-Webseiten ziehen. Für die Website in diesem Beispiel wurde fast der gesamte Text und einige Bilder aus der gedruckten Broschüre übernommen. Da die Broschüre im Hochformat gedruckt

2 wurde, die Website jedoch das Querformat verwendet, wurden die Hintergrundbilder neu erstellt, um sie für die Anzeige auf der Website zu optimieren Entwerfen der Website in GoLive Wenn Ihnen der Inhalt und der Umfang der Website bekannt ist, erstellen Sie in GoLive eine neue Site und fügen dieser Site leere Seiten hinzu, die den Inhalt aufnehmen sollen. Sie können in GoLive auch ein Diagramm der Site entwerfen und dieses Site-Diagramm dann in bearbeitbare Webseiten konvertieren. Die Website in diesem Beispiel orientiert sich eng an der gedruckten Broschüre. Über eine Portalseite auf der obersten Ebene können Benutzer die Homepage aufrufen. Die Seite dient außerdem als Einstimmung auf die Website. Von der Homepage aus haben Benutzer Zugriff auf verschiedene Seiten, die weitere Informationen über die Konferenz liefern. Der Großteil dieser Informationen stammt direkt aus der gedruckten Broschüre.

3 3. 3. Vorbereiten von Text im InDesign-Dokument Bevor Sie Ihr InDesign-Dokument verpacken, können Sie mithilfe weniger Schritte sicherstellen, dass der Text Ihren Erwartungen entsprechend in GoLive importiert wird. Vergewissern Sie sich zunächst, dass Text in InDesign über Zeichen- und Absatzformate formatiert wurde. Wenn Sie von InDesign in GoLive importieren, werden diese Formate automatisch in CSS (Cascading Style Sheets) konvertiert, die Sie im CSS-Editor von GoLive gegebenenfalls bearbeiten können. Manuell formatierter Text (d. h. Text ohne Formate) wird in GoLive als unformatierter Text angezeigt. Als Nächstes müssen Sie bedenken, wie Textrahmen in InDesign verkettet sind. Wenn Sie das Dokument für GoLive verpacken, speichert InDesign verkettete Textrahmen in einem einzelnen Textabschnitt. Vergewissern Sie sich daher, dass Text in Ihrem InDesign-Dokument so unterteilt ist, dass die einzelnen Komponenten in GoLive wiederverwendet werden können. Im Falle des Druckbogens aus dem Beispiel wurden die Textrahmen für die Einleitung verkettet, damit die Einleitung in GoLive als einzelner Textabschnitt übernommen werden konnte. Da der Zeitplan für die Veranstaltung unten im Druckbogen getrennt bearbeitbar sein sollte, wurde er nicht mit der Einleitung verkettet.

4 4. 4. Entscheidungsfindung bezüglich komplexer Bilder Mit hochauflösenden Bildern erzielen Sie in professionell gedruckten Dokumenten die besten Ergebnisse. Für das Internet sollten diese Bilder jedoch für eine schnelle Bildschirmanzeige optimiert werden. Sie können hochauflösende Bilder in ein für das Internet optimiertes Format konvertieren (GIF oder JPEG), wenn Sie das Dokument in InDesign verpacken oder wenn Sie die Bilder zu einem späteren Zeitpunkt der Webseite in GoLive hinzufügen. Entscheiden Sie daher vor dem Verpacken, wie Sie vorgehen möchten. InDesign unterstützt verschiedene komplexe Bildformate, die nicht für das Internet geeignet sind, z. B. CMYK mit Volltonfarbkanälen. Wenn Ihr Dokument Bilder mit Vollton- oder Alphakanälen enthält, sollten Sie die Bilder zunächst in InDesign optimieren, da GoLive diese Bildformate nicht öffnen kann. Für die Website in unserem Beispiel wurden alle Bilder in InDesign in allen drei Formaten verpackt (Originalbild, optimiertes Originalbild und optimiertes formatiertes Bild). Dies ermöglicht ein Maximum an Flexibilität. Einige Bilder weisen in InDesign angewendete Formatierungen auf, die beibehalten werden sollen. Um beispielsweise die abgerundeten Ecken des Bildes vom Auto beizubehalten, wurde die optimierte formatierte Version des Bildes für die Website verwendet. Andere Bilder, z. B. das Bild von Rinaldo De Fiore, müssen für das Website-Layout angepasst werden. Für diese Fälle bietet sich das Originalbild an.

5 5. 5. Verpacken des InDesign-Dokuments für GoLive Nach diesen schwierigen Entscheidungen ist das eigentliche Verpacken des InDesign- Dokuments für GoLive ein Kinderspiel. Als Teil dieses Vorgangs konvertiert InDesign Text in XML-Textabschnitte und speichert diese im entsprechenden Paketordner. Bilder werden in dem von Ihnen gewählten Format gespeichert. Wenn Sie ein InDesign-Paket in GoLive öffnen, wird im Paketfenster eine Vorschau des InDesign-Dokuments angezeigt. Sie können die einzelnen Seiten im Vorschaufenster anzeigen oder auf die Registerkarte "Assets" klicken und eine Liste der Elemente (Textabschnitte und Bilder) anzeigen, die im Paket enthalten sind.

6 6. 6. Ziehen von Inhalt auf Webseiten in GoLive Das Verschieben von Inhalt aus der InDesign-Paketvorschau auf die Webseiten in GoLive ist kinderleicht: Sie müssen nur klicken und ziehen. Textblöcke, die Sie auf eine Webseite ziehen, werden in GoLive-Komponenten umgewandelt. Wenn Sie Text in Ihrem InDesign-Paket ändern, werden auch diese Komponenten automatisch aktualisiert. Bilder werden in GoLive in Smart Objects konvertiert. Dadurch können Sie Bilder auf einer Webseite verschieben, neu optimieren und deren Größe ändern, ohne dass Änderungen am Originalbild vorgenommen werden. GoLive überwacht das Originalbild, sodass alle vorgenommenen Änderungen automatisch auf Ihrer Website übernommen werden.

7 Die Typografie-Funktionen von InDesign übersteigen die Fähigkeiten von CSS. Sie können jedoch Formatierungen beibehalten, die von CSS nicht unterstützt werden, indem Sie die Umschalttaste gedrückt halten, während Sie den Text ziehen, um ihn in ein Smart Objekt (Grafik) umzuwandeln.