Umstieg von Adobe GoLive

Transkript

1 Leitfaden für den Umstieg von GoLive Umstieg von Adobe GoLive auf Adobe Dreamweaver Leitfaden zur GL2DW- Erweiterung Die GL2DW-Erweiterung für Adobe GoLive ermöglicht das rasche und mühelose Vorbereiten von Sites, die in GoLive erstellt wurden, auf die Verwendung in Adobe Dreamweaver CS3. Einleitung Häufig sind Software-Umstellungen in einer Arbeitsumgebung keine einfache Sache, auch wenn Sie sich auf das neue Tool freuen, mit dem Sie in Zukunft arbeiten werden. Wenn Sie daher einen Umstieg von Adobe GoLive auf Dreamweaver planen, möchten Sie bestimmt sicherstellen, dass Ihre Websites und die darin enthaltenen Dokumente und Daten reibungslos von einem Web-Authoring-Tool in das andere konvertiert werden können. Zu diesem Zweck stellt Adobe für GoLive ein kostenloses Zusatzmodul, die Erweiterung GL2DW, zur Verfügung. Mit dieser Erweiterung können Sie die Konvertierung einer Website von GoLive CS2 oder GoLive 9 in Dreamweaver 8 oder Dreamweaver CS3 automatisieren. Inhaltsverzeichnis Einleitung Wichtige Begriffe Installieren der Erweiterung Ausführung der Erweiterung vorbereiten GL2DW-Erweiterung ausführen.. 7 Was ist passiert? Definieren der Site in Dreamweaver Abschließende Aufgaben Weitere Informationsquellen Die Autoren Die vorliegende Anleitung dient als Begleitmaterial zur GL2DW-Erweiterung und soll dazu beitragen, den Umstieg von GoLive auf Dreamweaver so schnell und mühelos wie möglich zu machen. Die Anleitung enthält schrittweise Erklärungen zur Installation und Ausführung der Erweiterung, beschreibt Unterschiede der in den beiden Anwendungen verwendeten Begriffe, erklärt die konvertierten Elemente und bietet einführende Informationen in die Arbeit mit der konvertierten Site in Dreamweaver. Darüber hinaus werden die Limitierungen der Erweiterung und zusätzliche interessante Ressourcen beschrieben. Leitfaden für GL2DW

2 Wichtige Begriffe GoLive und Dreamweaver verwenden zahlreiche Begriffe, die beiden Anwendungen gemeinsam sind. Es gibt jedoch einige Begriffe, die in den beiden Anwendungen nicht identisch sind bzw. in einer der beiden Anwendungen überhaupt nicht vorkommen, weil das entsprechende Feature nicht vorhanden ist. Die Features, die von der Konvertierungserweiterung betroffen sind, werden in der nachfolgenden Tabelle aufgeführt. Begriff in GoLive Site-Datei Begriff in Dreamweaver Site verwalten GoLive-Sites verwenden eine spezielle Site-Datei für die Verwaltung aller Elemente der Site (URLs, Links, Farben, Seiten, Bilder und Multimedia-Inhalte usw.). Jede Site hat eine eigene Site-Datei. Dreamweaver erstellt keine separaten Site-Dateien für jede von Ihnen verwaltete Site. Stattdessen steht zum Verwalten Ihrer Sites der Befehl Site > Sites verwalten zur Verfügung. Siehe Definieren der Site in Dreamweaver. Registerkarte Dateien im Websitefenster Bedienfeld Dateien Lokale Dateien, die in Ihrer Site verwendet werden, sind auf der Registerkarte Dateien des GoLive-Websitefensters aufgeführt. In Dreamweaver werden lokale Dateien im Bedienfeld Dateien aufgelistet (wählen Sie Fenster > Dateien ). Registerkarte Extras im Websitefenster Bedienfeld Elemente Elemente, die nicht auf den Webserver geladen werden müssen (Vorlagen, Briefpapier, Komponenten, Snippets und Smart Objekte, d. h. systemeigene Dateien aus Photoshop, Illustrator und Acrobat ), werden auf der Registerkarte Extras im GoLive- Websitefenster aufgelistet. In Dreamweaver werden diese Elemente im Bedienfeld Elemente aufgeführt (wählen Sie Fenster > Elemente ). Bedienfeld Bibliothek Bedienfelder Elemente und Codefragmente Zusätzlich zum Bedienfeld Extras des Websitefensters steht zum Aufrufen von Website- Elementen auch das GoLive-Bedienfeld Bibliothek zur Verfügung. In Dreamweaver werden Elemente im Bedienfeld Elemente aufgeführt. Sie können Codefragmente auch im Bedienfeld Codefragmente von Dreamweaver speichern (wählen Sie Fenster > Codefragmente ). Vorlagenseiten Vorlagen Eine Vorlagenseite dient als Grundlage für andere Seiten. GoLive und Dreamweaver verwenden dieselbe Vorlagensyntax. In GoLive erstellte Vorlagen sollten daher auch in Dreamweaver ohne jegliche Änderung ordnungsgemäß funktionieren. Informationen darüber, wie Vorlagen von der GL2DW-Erweiterung verwaltet werden, finden Sie auf den Seiten 5 und 14. Komponenten Bibliothekselemente GoLive-Komponenten sind Teile einer Seite, die gespeichert und auf anderen Seiten wiederverwendet werden können. Die wiederverwendete Komponente enthält eine Verbindung zum Original. Wenn die Originalkomponente aktualisiert wird, werden auch die Seiten aktualisiert, auf denen sie platziert wurde. Dreamweaver stellt dieselben Funktionen über Bibliothekselemente zur Verfügung. Snippets Codefragmente Sowohl GoLive als auch Dreamweaver unterstützen Snippets bzw. Codefragmente, d. h. kurze Codeabschnitte oder eine Auswahl von Layoutobjekten, die gespeichert und auf anderen Seiten wiederverwendet werden können. Zwischen dem Original-Codefragment und den platzierten Instanzen wird keine Verbindung aufrechterhalten. Leitfaden für GL2DW 2

3 Begriff in GoLive Inspektor-Palette Begriff in Dreamweaver Eigenschafteninspektor Mit der kontextabhängigen Inspektor-Palette in GoLive können Sie Attribute für Seiten und ausgewählte Objekte festlegen. Dreamweaver stellt zu diesem Zweck den Eigenschafteninspektor zur Verfügung (wählen Sie Fenster > Eigenschaften ). Werkzeugleiste Eigenschafteninspektor Die kontextabhängige Werkzeugleiste in GoLive enthält Werkzeuge, die auf der aktuellen Auswahl, dem aktuellen Dokument oder der aktuelle Site basieren. Dreamweaver stellt viele derselben Optionen im Eigenschafteninspektor zur Verfügung (wählen Sie Fenster > Eigenschaften ). Objektpalette/Werkzeugpalette Symbolleiste Einfügen Die Objektpalette in GoLive enthält Elemente wie Formularobjekte, Tabellenobjekte und Ebenenobjekte, die auf einer Seite abgelegt werden können. Viele ähnliche Objekte befinden Sie in der Dreamweaver-Symbolleiste Einfügen (wählen Sie Fenster > Einfügen ). CSS-Palette/CSS-Editor Bedienfeld CSS-Stile In GoLive werden CSS-Regeln normalerweise im CSS-Editor erstellt und über die CSS-Palette, die Werkzeugleiste oder ein Kontextmenü angewendet. In Dreamweaver können Stile über das Bedienfeld CSS-Stile oder durch Auswahl von CSS-Stile > Neu aus dem Kontextmenü erstellt und über den Eigenschafteninspektor oder das Kontextmenü angewendet werden. Aktionen Verhalten Farbfelder in Dreamweaver Da Farbfelder beim Exportieren Ihrer GoLive-Site nicht migriert werden, empfiehlt es sich, Farbfelder zu Beginn der Bearbeitung einer Site in Dreamweaver neu zu erstellen. Gehen Sie dazu folgendermaßen vor: 1. Blenden Sie das Bedienfeld Elemente ein, indem Sie auf die Registerkarte des Bedienfelds klicken oder Fenster > Elemente wählen, falls die Registerkarte nicht sichtbar ist. 2. Klicken Sie auf der linken Seite auf das Farbensymbol. 3. Klicken Sie auf die Option Favoriten oben rechts. 4. Klicken Sie auf die Schaltfläche Neue Farbe rechts unten. 5. Wenn das Bedienfeld Farbfelder angezeigt wird, wählen Sie eine Farbe aus. 6. Klicken Sie anschließend auf OK. Die Farbe wird zum Bereich Favoriten hinzugefügt. GoLive enthält vordefinierte JavaScripts, so genannte Aktionen, die mit der Aktionen- Palette mühelos konfiguriert werden können. Auch Dreamweaver enthält vordefinierte JavaScripts. Diese werden Verhalten genannt und können im Bedienfeld Verhalten konfiguriert werden. GoLive-Aktionen funktionieren im Browser auch nach dem Konvertieren einer Site in das Dreamweaver-Format wie gewohnt, sind aber nicht mehr konfigurierbar wie in der Aktionen-Palette von GoLive. Farbpalette, Farbfenster, Farbauswahl, Farbfelder-Palette Bedienfeld Elemente /Eigenschafteninspektor In GoLive stehen mehrere Methoden zum Mischen, Speichern und Zuweisen von Farben zur Verfügung. In Dreamweaver können Farbfelder über den Bereich Favoriten der Kategorie Farben im Bedienfeld Elemente erstellt werden. Die Farben können anschließend über den Eigenschafteninspektor zugewiesen werden. Layout-Raster Layout-Tabelle Das Objekt Layout-Raster in GoLive ermöglicht das mühelose Platzieren von Text, Bildern und anderen Objekten auf einem gerasterten Layout, das Millimeterpapier ähnelt. Das eigentliche Rasterobjekt ist als HTML-Tabelle implementiert. Dreamweaver bietet ein ähnliches Objekt, die so genannte Layouttabelle. Zum Erstellen einer Layouttabelle schalten Sie Dreamweaver zunächst in den Layout-Modus (wählen Sie Ansicht > Tabellenmodus > Layoutmodus ). Anschließend können Sie mit den Werkzeugen im Abschnitt Layout der Symbolleiste Einfügen eine Layouttabelle zeichnen. Leitfaden für GL2DW

4 Wie erhalte ich die GL2DW- Erweiterung? Die GL2DW-Erweiterung dient zur Migration von GoLive-Sites nach Dreamweaver. Die Erweiterung liegt daher Dreamweaver CS3 und allen Konfigurationen von Adobe Creative Suite 3 bei, in denen Dreamweaver enthalten ist: Web Standard, Web Premium, Design Premium und Master Collection. Installieren der Erweiterung Zur Installation der GoLive-Konvertierungserweiterung kopieren Sie einfach den Ordner der Erweiterung an die entsprechende Stelle innerhalb des Anwendungsordners von GoLive. Führen Sie folgende Schritte durch, um die GL2DW-Erweiterung zu installieren: Beenden Sie GoLive CS2 bzw. GoLive 9. Kopieren Sie den Ordner GL2DW der Konvertierungserweiterung in den Ordner Modules/Extend Scripts im Ordner von Adobe GoLive CS2 oder Adobe GoLive 9. Im Ordner GL2DW befinden sich die Dateien Main.html und card.ste sowie mehrere HTML-Dateien. Kopieren Sie nicht die einzelnen Dateien, sondern installieren Sie den gesamten Erweiterungsordner. 3. Kopieren Sie den Ordner GL2DW in den Ordner Extend Scripts und starten Sie dann GoLive neu. Starten Sie GoLive neu, um die neue Erweiterung zu aktivieren. Nachdem die Erweiterung installiert ist, befindet sich im Menü Datei der neue Befehl Export site for Dreamweaver (Site für Dreamweaver exportieren). Dreamweaver Exchange Die GL2DW-Erweiterung fügt neue Funktionen zu GoLive hinzu, mit denen Sie GoLive-Sites für die Verwendung in Dreamweaver konvertieren können. Hunderte weiterer Dreamweaver- Erweiterungen sind bei Dreamweaver Exchange erhältlich. Durch Installieren einer Erweiterung in Dreamweaver können Sie zusätzliche Funktionen hinzufügen, die in der Standardkonfiguration nicht verfügbar sind, beispielsweise Menüsysteme, Warenkörbe, Bildergalerien und mehr. Weitere Informationen finden Sie auf der Adobe Exchange unter (klicken Sie auf den Link für Dreamweaver). Leitfaden für GL2DW

5 Wenn Sie die Erweiterung zu einem späteren Zeitpunkt deaktivieren möchten, öffnen Sie die Voreinstellungen der Anwendung. Wählen Sie dann links die Option Module aus und deaktivieren Sie in der Liste der Erweiterungen auf der rechten Seite die gewünschten Einträge. Ihre neue Konfiguration tritt in Kraft, wenn Sie GoLive beenden und das nächste Mal neu starten. Um die Erweiterung zu deaktivieren, heben Sie ihre Aktivierung in der Liste der Erweiterungen in den GoLive-Grundeinstellungen auf. Ausführung der Erweiterung vorbereiten Vor dem Ausführen der Erweiterung und Exportieren Ihrer Site sollten Sie Ihre GoLive-Site auf den Umstieg vorbereiten. Der vorliegende Abschnitt unterstützt Sie bei diesen Vorbereitungen. Nachdem Sie diese einfachen Aufgaben durchgeführt haben, können Sie die Erweiterung erfolgreich ausführen. Vorlagen und Bibliothekselemente Dreamweaver speichert Vorlagen und Bibliothekselemente in Ordnern innerhalb des Stammordners der lokalen Site. Wenn die Ordner Templates oder Snippets Ihrer GoLive-Site weitere Unterordner enthalten, muss der Inhalt dieser Unterordner in den Hauptordner verschoben werden. Die ursprünglichen Unterordner werden zur Unterstützung älterer Versionen beibehalten, jedoch können die darin gespeicherten Elemente nicht als Dreamweaver-Vorlagen verwendet werden. Dazu müssen im Vorlagenordner der Stammebene neu exportierte Vorlagen erstellt werden. Wenn sich Vorlagen oder Bibliothekselemente in Unterordnern befinden, deren Name mit Elementen im Hauptordner übereinstimmt, werden die Elemente im Hauptordner bei der Verarbeitung möglicherweise überschrieben. Daher müssen Sie vor dem Ausführen der GL2DW-Erweiterung alle Vorlagen und Bibliothekselemente mit eindeutigen Namen versehen. Wenn ein Element in einem Unterordner denselben Namen hat wie eine Vorlage oder ein Snippet im Hauptordner oder einem seiner Unterordner, benennen Sie es um. Leitfaden für GL2DW

6 Unbenannte Seiten in Dreamweaver suchen Wenn Sie die Erweiterung Titel festlegen beim Ausführen der GL2DW-Erweiterung deaktiviert hatten, empfiehlt es sich dennoch, unbenannte Seiten mit einem Titel zu versehen, wenn Sie mit der Bearbeitung Ihrer Site in Dreamweaver beginnen. Hierzu können Sie Dreamweaver- Funktion Site-Berichte verwenden. 1. Wählen Sie Site > Berichte Wählen Sie in der Dropdown-Liste Bericht eine Option aus. Wählen Sie Unbenannte Dokumente. Klicken Sie auf Ausführen. Die Ergebnisse des Berichts werden auf der Registerkarte Site-Berichte im Bedienfeld Ergebnisse angezeigt. Wenn Sie einen fehlenden Seitentitel hinzufügen möchten, doppelklicken Sie in der Ergebnisliste auf eine Datei. Das Dokument wird in der geteilten Ansicht geöffnet, wobei der inkorrekte Titel hervorgehoben ist, damit Sie den Titel Ihrer Wahl direkt eingeben können. Die Erweiterung Titel festlegen GoLive enthält eine Erweiterung namens Titel festlegen. Diese Erweiterung ist standardmäßig aktiviert. Sie öffnet ein kleines Dialogfeld und fordert Sie zur Eingabe eines Seitentitels auf, wenn Sie versuchen, eine titellose Seite zu speichern. Wenn sich titellose Seiten in Ihrer Site befinden und Sie die Erweiterung Titel festlegen aktiviert haben, wird bei der Ausführung der GL2DW- Erweiterung jedes Mal eine Aufforderung zur Eingabe eines Seitentitels eingeblendet, wenn eine titellose Seite exportiert wird. Wenn Sie es bevorzugen, diesen Seiten beim Exportieren keinen Titel zuzuweisen, können Sie entweder die Erweiterung Titel festlegen oder die Erinnerung deaktivieren. Gehen Sie zum Deaktivieren der Erweiterung Titel festlegen folgendermaßen vor: Öffnen Sie das Dialogfeld Grundeinstellungen ( GoLive > Grundeinstellungen unter Mac OS bzw. Bearbeiten > Grundeinstellungen unter Windows). Wählen Sie in der Liste auf der linken Seite die Option Module. Deaktivieren Sie Titel festlegen und klicken Sie auf OK. Starten Sie GoLive neu. Wenn Sie das Aufrufen der Erweiterung Titel festlegen während des Exportvorgangs deaktivieren möchten, deaktivieren Sie die Erweiterung in den GoLive-Grundeinstellungen. Dadurch wird die Erweiterung Titel festlegen vollständig deaktiviert. Wenn Sie die Erweiterung später wieder aktivieren möchten, führen Sie dieselben Schritte erneut durch, doch aktivieren Sie diesmal die Erweiterung Titel festlegen. Sie können die Erweiterung aktiviert lassen und stattdessen die Erinnerung deaktivieren, die von der Erweiterung aufgerufen wird. Starten Sie hierzu den GL2DW-Exportvorgang (siehe Ausführen der GL2DW-Erweiterung im nächsten Abschnitt) und wählen Sie dann im Dialogfeld Titel festlegen die Option Keine weiteren Erinnerungen. Sie können die Anzeige des Dialogfelds Titel festlegen verhindern, indem Sie die Option Keine weiteren Erinnerungen auswählen. Leitfaden für GL2DW

7 Wenn Sie die Erinnerungen ausschalten, wird dadurch die Erweiterung deaktiviert. Sie können sie über die Grundeinstellungen in GoLive jederzeit wieder aktivieren. GL2DW-Erweiterung ausführen Beim Ausführen der Erweiterung werden die Dateien Ihrer Site verarbeitet und in einen externen Ordner exportiert. Ihre GoLive-Originaldateien bleiben dabei unverändert. Im Anschluss an den Export können Sie die Site in Dreamweaver definieren und dort mit der Verwaltung Ihrer Dateien beginnen. Die Erweiterung verarbeitet jede Site einzeln. Sie müssen daher jede Site einzeln aus GoLive exportieren. In diesem Abschnitt wird der Export Ihrer Site für Dreamweaver schrittweise beschrieben Öffnen Sie eine GoLive-Site, die Sie exportieren möchten, schließen Sie jedoch sämtliche Dateien der Site. Wählen Sie Datei > Export site for Dreamweaver (Site für Dreamweaver exportieren). 3. Wenn das GL2DW-Dialogfeld angezeigt wird, klicken Sie auf Zielordner auswählen. Leitfaden für GL2DW

8 4. Wählen Sie den Ordner aus, in dem die exportierten Dateien gespeichert werden sollen, oder erstellen Sie bei Bedarf einen neuen Ordner und wählen Sie diesen aus. Klicken Sie auf Auswählen. 5. Wenn Sie auch Ihre Snippets konvertieren und exportieren möchten, wählen Sie die entsprechende Option aus. Beachten Sie jedoch folgenden Unterschied: In GoLive können Sie Snippets entweder für jede Site einzeln oder anwendungsumfassend speichern; in Dreamweaver werden jedoch alle Codefragmente anwendungsumfassend gespeichert. Wenn Sie dieselben Snippets in mehreren Sites verwenden, brauchen Sie sie daher nicht aus jeder Site einzeln zu exportieren. 6. Klicken Sie anschließend auf OK. In einer Fortschrittsleiste wird der Name der Datei angezeigt, die derzeit verarbeitet wird. Sie können auf Stopp klicken, um den Vorgang abzubrechen. 7. Nach Abschluss des Exportvorgangs werden in einem Dialogfeld die Anzahl der verarbeiteten Dateien sowie Informationen zur weiteren Vorgehensweise angezeigt. Lesen Sie den Inhalt des Dialogfelds und klicken Sie auf OK. Wenn Sie sich den Inhalt des Ordners ansehen, in den Ihre Site exportiert wurde, werden Sie feststellen, dass sich dort alle Dateien und Ordner Ihrer ursprünglichen GoLive-Site befinden. Darüber hinaus sind auch zwei weitere Dateien vorhanden, denen Sie besonderes Interesse widmen sollten. Die erste Datei heißt _read_me_.html und enthält Informationen über die weitere Vorgehensweise bei der Verwaltung Ihrer Vorlagen und Bibliothekselemente in Dreamweaver. Die zweite Datei hat die Erweiterung.ste und dient zum Importieren der Site-Einstellungen, einschließlich der Informationen über den Webserver. Bevor Sie sich diese beiden näher ansehen, sollten Sie die Site in Dreamweaver definieren. Siehe Definieren der Site in Dreamweaver. Leitfaden für GL2DW

9 Was ist passiert? Was passiert, wenn Sie in GoLive den Befehl Datei > Export site for Dreamweaver (Site für Dreamweaver exportieren) ausführen? Die ursprüngliche Site wird unverändert beibehalten und eine neue Gruppe von Dateien für die Verwendung mit Dreamweaver wird exportiert. Die vorhandene GoLive-Site kann als Backup beibehalten werden. GoLive-Vorlagen, die zuvor im Ordner Templates bzw. einem seiner Unterordner gespeichert wurden, werden nun in einem einzelnen Templates -Ordner zusammengefasst und in den lokalen Stammordner der Site verschoben. Die Dateinamenserweiterung von Vorlagenseiten wird von HTML in DWT geändert, da dies die von Dreamweaver verwendete Erweiterung für Vorlagenseiten ist. GoLive-Komponenten, die zuvor im Ordner Components bzw. einem seiner Unterordner gespeichert wurden, werden nun in einem einzelnen Library -Ordner zusammengefasst und in den lokalen Stammordner der Site verschoben. Die Dateinamenserweiterung der Komponentenseiten wird von HTML in LBI geändert, da dies die von Dreamweaver verwendete Erweiterung für Komponentenseiten ist. GoLive-Snippets aus dem Bedienfeld Bibliothek werden in Dreamweaver-Codefragmente konvertiert und in das Bedienfeld Codefragmente von Dreamweaver verschoben. Die Dateinamenserweiterung für Codefragmente wird von AGLS in CSN geändert, da dies die von Dreamweaver verwendete Erweiterung für Codefragmente ist. Eine Datei namens _read_me_.html wird erstellt. Diese Datei enthält wichtige Informationen, auf die weiter unten in diesem Leitfaden eingegangen wird. Eine Datei mit den Site-Einstellungen wird erstellt. Diese Datei hat die Erweiterung STE und enthält Informationen über Webserver-Einstellungen. Die GL2DW-Erweiterung exportiert eine neue Version Ihrer GoLive-Site, die mühelos in Dreamweaver importiert werden kann. Nachfolgend erfahren Sie, wie Sie die Site in Dreamweaver definieren. Leitfaden für GL2DW

10 Definieren der Site in Dreamweaver Nach dem Exportieren der Site aus GoLive müssen Sie die Site in Dreamweaver definieren. Im Gegensatz zu GoLive verwendet Dreamweaver keine Site-Datei, auf die Sie doppelklicken können, um die Site zu öffnen. Stattdessen definieren Sie die Site mit dem Befehl Sites verwalten und durch Auswählen des Stammordners der Site. Anschließend werden die Definitionsdaten für die Site, einschließlich Pfad des Stammordners der Site sowie FTP- Benutzername und -Kennwort, in den Grundeinstellungen der Anwendung gespeichert. Die von der GL2DW-Erweiterung exportierte.ste-datei ist eine XML-Konfigurationsdatei, die auch die in GoLive definierten Site-Informationen enthält. Anhand dieser Datei können Sie die Site-Einstellungen mühelos an Dreamweaver übertragen. Das Definieren einer Site in Dreamweaver verläuft ähnlich wie das Erstellen einer Site-Datei in GoLive. Gehen Sie folgendermaßen vor: 1. Wählen Sie Site > Sites verwalten. Startseiten in Dreamweaver Nachdem Sie Ihre Site in Dreamweaver definiert haben, können Sie Seiten mühelos hinzufügen, bearbeiten oder löschen. Adobe Dreamweaver CS3 enthält eine Vielzahl von Startseiten auf CSS-Basis. Diese Startseiten enthalten Anleitungen zur CSS-Bearbeitung, damit Sie die Seiten genau an Ihre Vorstellungen anpassen können, und werden wie folgt aufgerufen: 1. Wählen Sie Datei > Neu. 2. Wählen Sie in der Liste auf der linken Seite die Option Leere Seite. 3. Klicken Sie in der zweiten Spalte auf HTML oder HTML-Vorlage. 4. Navigieren Sie mit der Pfeiltaste nach oben oder unten durch die Liste verfügbarer CSS-Startseiten in der dritten Spalte. Beachten Sie, dass eine Vorschau jedes Layouts in der Miniatur oben rechts im Dialogfeld Neues Dokument angezeigt wird. 5. Markieren Sie die gewünschte Seite und klicken Sie auf Erstellen. Die Seite wird in Dreamweaver geöffnet, und Sie können Inhalte und Stile hinzufügen. Das Definieren von Sites in Dreamweaver funktioniert genau wie das Erstellen von Site-Dateien in GoLive. 2. Klicken Sie auf die Schaltfläche Importieren. Importieren Sie die Site in die Liste verwalteter Sites in Dreamweaver. Leitfaden für GL2DW 10

11 3. Navigieren Sie zu dem Ordner, in den Sie Ihre Site aus GoLive exportiert haben, wählen Sie die Site-Einstellungsdatei aus (beispielsweise SiteName.ste ), und klicken Sie auf Öffnen. Wählen Sie die von der GL2DW-Erweiterung erstellte.ste-datei aus. 4. Suchen Sie den lokalen Stammordner: Bei Mac OS wählen Sie den Ordner, in dem sich die.ste-datei befindet, und sämtliche Daten der Site aus und klicken Sie dann auf Auswählen. Bei Windows wählen Sie den Ordner aus, in dem sich die.ste-datei befindet. Klicken Sie dann auf Öffnen und anschließend auf Auswählen. Wählen Sie bei der entsprechenden Aufforderung den lokalen Stammordner aus. Leitfaden für GL2DW 11

12 5. Die Site wird nun zur Liste der Sites hinzugefügt, die von Dreamweaver verwaltet werden können. Wenn Sie mehrere Sites konvertieren möchten, können Sie mehrere Sites nacheinander definieren, ohne das Dialogfeld zu schließen. Wenn Sie bereit sind, mit Ihren konvertierten Sites zu arbeiten, klicken Sie auf Fertig. Sie können mehrere Sites zur Liste der von Dreamweaver verwalteten Sites hinzufügen. Wenn Sie mehrere Sites in Dreamweaver definiert haben, können Sie von einer Site zur nächsten wechseln, indem Sie die gewünschte Site im Dropdown-Menü oben im Bedienfeld Dateien auswählen. Wenn Sie eine Site aus der Liste der in Dreamweaver verwalteten Dateien entfernen möchten, wählen Sie Site > Sites verwalten, und wählen Sie dann die Sites aus, die von Dreamweaver nicht mehr verwaltet werden sollen. Wenn Sie die gewünschten Sites ausgewählt haben, klicken Sie auf Entfernen. Bestätigen Sie den Vorgang mit Ja, wenn Dreamweaver Sie in einer Warnung darüber informiert, dass der Vorgang nicht rückgängig gemacht werden kann. Beachten Sie, dass bei diesem Vorgang die Site lediglich aus der Liste der definierten Sites gelöscht wird. Die eigentlichen Daten der Site werden nicht gelöscht oder verschoben und werden von diesem Vorgang in keiner Weise beeinträchtigt. Möglicherweise haben Sie eine Website, die Sie mit GoLive bearbeitet haben, ohne dass diese Website jedoch mit einer Site-Datei in GoLive verfolgt oder mit dem Websitefenster von GoLive verwaltet wurde. In einem solchen Fall können Sie die Site dennoch in Dreamweaver definieren, indem Sie folgende Schritte ausführen: Im Bedienfeld Dateien können Sie mühelos zwischen mehreren Sites hin- und herwechseln. Wählen Sie Site > Neue Site, wählen Sie die Registerkarte Erweitert oben im Dialogfeld aus und wählen Sie dann auf der linken Seite die Kategorie Lokale Infos aus. Beachten Sie, dass Sie neue Sites auch über die Startseite von Dreamweaver erstellen können. Über diese Seite können auch mehrere andere häufig ausgeführte Aufgaben aufgerufen werden. Geben Sie Ihrer Site einen aussagekräftigen Namen und klicken Sie dann auf das Ordnersymbol neben dem Feld Lokaler Stammordner. Leitfaden für GL2DW 12

13 3. Suchen Sie den Ordner, in dem sich die zu definierende Site befindet, und klicken Sie auf Auswählen (Mac OS) bzw. auf Öffnen und dann auf Auswählen (Windows). Sites in Dreamweaver verwalten Sehr wahrscheinlich werden Sie mit Dreamweaver mehr als nur eine Website bearbeiten. Mitunter können sich die Angaben, die Sie ursprünglich für eine Site definiert haben, ändern, beispielsweise dann, wenn Sie einen neuen Hosting- Server verwenden. Mit Dreamweaver können Sie die Einstellungen Ihrer Site mühelos verwalten, indem Sie den Befehl Sites verwalten wählen. Gehen Sie folgendermaßen vor, um Site- Einstellungen zu bearbeiten: Wählen Sie Site > Sites verwalten. Wählen Sie den Namen der Site in der Liste aus und klicken Sie auf Bearbeiten. Wählen Sie oben im Dialogfeld Site-Definition entweder Grundeinstellungen oder Erweitert. Sie können die für die Site definierten Einstellungen ändern, indem Sie auf Grundeinstellungen klicken und die einzelnen Seiten des daraufhin angezeigten Assistenten ausfüllen, oder Sie können Erweitert wählen und gezielte Themen in der links angezeigten Liste auswählen. Klicken Sie anschließend auf OK. Sie können auch eine Sicherungskopie der Site-Einstellungen erstellen, die Sie bei Bedarf wieder in Dreamweaver importieren können. Klicken Sie hierzu im Dialogfeld Sites verwalten auf die Schaltfläche Exportieren. Wenn das Dialogfeld Site exportieren angezeigt wird, geben Sie einen Namen für die Site ein. Beachten Sie, dass die Dateinamenserweiterung.ste lautet. Dies ist die Erweiterung für die von Dreamweaver verwendete Site- Definitionsdatei. Behalten Sie diese Datei als Sicherungskopie oder geben Sie sie an andere Benutzer weiter, die möglicherweise am selben Projekt arbeiten. 4. Geben Sie einen Namen für Ihre Site ein und wählen Sie den lokalen Stammordner im Dialogfeld Site-Definition aus. Klicken Sie auf OK, wenn Sie das Konfigurieren der Site abgeschlossen haben. Sie können im Dialogfeld Sites verwalten weitere Site-Einstellungen vornehmen, oder Sie können mit dem Arbeiten an Ihrer Site beginnen, ohne alle Felder auszufüllen. Anschließend können Sie jederzeit zum Dialogfeld Sites verwalten zurückkehren, um die Site-Definition zu bearbeiten oder eine neue Site-Definition hinzuzufügen. Nun haben Sie Ihre Sites in Dreamweaver eingerichtet und können etwaige abschließende Aufgaben durchführen. Im nächsten Abschnitt finden Sie Informationen zu möglichen Problemen, die Sie beachten sollten. Abschließende Aufgaben Die GL2DW-Erweiterung führt eine sehr gute Vorbereitung für die Migration von GoLive- Sites nach Dreamweaver durch. Wie bei allen Dateikonvertierungen bestehen jedoch auch hier gewisse Unterschiede bei den Dateiformaten und Funktionen, die Sie beachten sollten. Keine Probleme gibt es bei den Dateiformaten, denn GoLive und Dreamweaver arbeiten mit Web-Dateiformaten, die auf allgemeinen Standards beruhen, wie HTML, CSS und JavaScript. Die größten Unterschiede bestehen im Verarbeiten erweiterter Technologien wie beispielsweise JavaScript-Aktionen. Nachfolgend finden Sie eine ausführliche Erklärung der wichtigsten Punkte, die Sie bei der Konvertierung beachten sollten: Leitfaden für GL2DW 13

14 Bedienfeld Elemente aktualisieren Wenn Sie Ihre Site von GoLive nach Dreamweaver konvertieren, ist das Bedienfeld Elemente zunächst leer. Wenn Sie alle Elemente Ihrer Site anzeigen lassen möchten, einschließlich Vorlagen, Bibliothekselemente, Bilder, Farben und URLs, müssen Sie zunächst unten im Bedienfeld Elemente auf die Schaltfläche Siteliste aktualisieren klicken. Aktualisieren Sie das Bedienfeld Elemente sofort nach dem Importieren Ihrer Site, damit Sie alle Elemente der Site sehen können. Vorlagen und Bibliothekselemente verwenden Alle Vorlagen und Komponenten, die in GoLive erstellt und für die Verwendung in Dreamweaver exportiert wurden, behalten ihre vollständige Funktionalität als Vorlagen bzw. Bibliothekselemente bei. Die GL2DW-Erweiterung erstellt zwei Ordner mit der Bezeichnung Templates bzw. Library und speichert die Dateien in den entsprechenden Ordnern. Dreamweaver unterstützt keine weiteren Unterordner in den Ordnern Templates und Library. Daher kopiert die GL2DW-Erweiterung alle Vorlagen und Komponenten in den jeweiligen Ordner, ohne Unterordner anzulegen. Vorlagen oder Komponenten, die in einer GoLive-Site nicht verwendet wurden, werden zwar kopiert, aber nicht konvertiert. Daher werden sie im Bedienfeld Elemente auch nicht aufgeführt. Sie müssen diese nicht verwendeten Seiten als Vorlagen oder Bibliothekselemente innerhalb von Dreamweaver definieren. Leitfaden für GL2DW 14

15 Cloaking für Vorlagen und Bibliothekselemente Wenn Sie nicht vorhaben, Ihre Site zusammen mit anderen Dreamweaver-Benutzern zu bearbeiten, können Sie Ihre konvertierten Vorlagen und Bibliothekselemente durch Cloaking ausschließen. Unter Cloaking wird in Dreamweaver das Verhalten verstanden, mit dem bestimmte Ordner, Dateien oder Dateitypen beim Hochladen von Dateien auf den Webserver ignoriert werden. Die mit Cloaking versehenen Elemente sind im Bedienfeld Dateien von Dreamweaver weiterhin sichtbar, doch sind ihre Symbole rot durchgestrichen, um anzuzeigen, dass sie von den Befehlen Put und Get ignoriert werden. Verwenden Sie das Kontextmenü im Bedienfeld Dateien und wählen Sie Cloaking > Cloaking. Wenn Sie einige Quell-Grafikdateien im lokalen Stammordner der Site speichern, können Sie das Cloaking auf diese Dateien auch auf der Grundlage der Dateinamenserweiterung anwenden. Wenn Sie beispielsweise programmeigene Photoshop- und Illustrator-Dateien in Ihrem Bedienfeld Dateien behalten möchten, klicken Sie mit der rechten Maustaste (Windows) bzw. bei gedrückter Ctrl-Taste auf (Mac) auf das Bedienfeld Dateien, wählen Sie Cloaking > Einstellungen und geben Sie in das Feld Cloaking von Dateien mit Erweiterung die Erweiterungen.psd und.ai ein. Klicken Sie auf OK, wenn Sie den Vorgang abgeschlossen haben. Mit Cloaking können Sie Ihre Site so konfigurieren, dass systemeigene Quelldateien auf der Basis ihrer Dateinamenserweiterung ausgeschlossen werden. Smart Objekte Webfreundliche Grafiken wie JPEG- und GIF-Dateien, die in GoLive mit Smart Objekten erstellt wurden, werden in Webbrowsern weiterhin korrekt dargestellt, doch die Smart Verbindung zur Quellgrafik funktioniert in Dreamweaver nicht mehr. Sie können die Smart Objekte unverändert beibehalten oder durch die neue Zwischenablage-Integration zwischen Dreamweaver CS3 und Photoshop CS3 die Smart Objekte neu erstellen. Leitfaden für GL2DW 15

16 JavaScript-Aktionen und Rollover Einige Features von GoLive, einschließlich JavaScript-Aktionen und Rollover, verwenden spezielle Tags oder Attribute (csactions, csimport, csscriptdict), um eine mühelose visuelle Programmierung komplexer Funktionen zu ermöglichen. Wenn Sie diese Tags und Elemente vor dem Migrieren der Site nach Dreamweaver nicht aus dem HTML-Code entfernen, verbleiben sie im Quellcode. Die Funktionalität der Seite innerhalb eines Webbrowsers wird zwar unverändert beibehalten, doch ist die Bearbeitung dieser GoLivespezifischen Tags und Element in Dreamweaver mit gewissen Schwierigkeiten verbunden. Sie können die JavaScript-Aktionen und Rollover-Effekte unverändert beibehalten oder die Funktionen mit dem entsprechenden Dreamweaver-Verhalten im Bedienfeld Verhalten neu erstellen. Erstellen Sie JavaScript-Funktionen von GoLive-Aktionen mit dem Bedienfeld Verhalten in Dreamweaver neu. Komponenteninformationen im Bereich <head> Die GL2DW-Erweiterung überträgt keine Daten im Bereich <head> einer GoLive- Komponente, die in ein Dreamweaver-Bibliothekselement konvertiert wird. Beispiele hierfür sind verknüpfte CSS, verknüpftes JavaScript sowie Meta-Tags im Bereich <head> der ursprünglichen Komponentenseite. Dreamweaver handhabt Komponenten nicht auf dieselbe Weise wie GoLive. Daher sollten Inhalte, die ggf. im Bereich <head> benötigt werden, manuell zu den Dreamweaver-Seiten hinzugefügt werden, die die entsprechenden Bibliothekselemente verwenden. InDesign-Funktion Für GoLive verpacken Wenn Sie die Funktion Für GoLive verpacken in Adobe InDesign CS2 verwendet haben, um Inhalte nach GoLive CS2 zu migrieren, enthält der Stammordner Ihrer lokalen Site möglicherweise Ordner wie Newsletter Accessories. Dreamweaver erkennt die Grafiken und CSS-Dateien in diesen Ordnern und ermöglicht die Verwendung dieser Elemente in Ihren Webseiten. Für die zukünftige Aufbereitung von Printmedien für das Web sollten Sie sich mit den neuen XHTML/Dreamweaver-Exportfunktionen von InDesign CS3 vertraut machen. Leitfaden für GL2DW 16

17 Systemanforderungen für Dreamweaver CS3 Windows Prozessor: Intel Pentium 4, Intel Centrino, Intel Xeon oder Intel Core Duo (oder kompatibler Prozessor) Microsoft Windows XP mit Service Pack 2 oder Windows Vista Home Premium, Business, Ultimate oder Enterprise (zertifiziert für 32-Bit- Editionen) 512 MB RAM 1 GB verfügbarer Festplattenspeicher (während der Installation wird zusätzlicher Speicherplatz benötigt) Bildschirmauflösung 1024 x 768 mit 16-Bit- Grafikkarte DVD-ROM-Laufwerk Internet- oder Telefonverbindung für die Produktaktivierung erforderlich Breitband-Internetverbindung erforderlich für Adobe Stock Photos und andere Dienste Macintosh PowerPC G4 oder G5 oder Intel Multicore- Prozessor Mac OS X Version MB RAM 1,4 GB verfügbarer Festplattenspeicher (während der Installation wird zusätzlicher Speicherplatz benötigt) Bildschirmauflösung 1024 x 768 mit 16-Bit- Grafikkarte DVD-ROM-Laufwerk Internet- oder Telefonverbindung für die Produktaktivierung erforderlich Breitband-Internetverbindung erforderlich für Adobe Stock Photos und andere Dienste Weitere Informationen Ausführliche Informationen über Adobe Dreamweaver finden Sie unter Weitere Informationsquellen Schulungsvideo zur Migration bei Lynda.com Anhand des detaillierten Online-Videos bei Lynda.com können Sie sich mit den Vorteilen von Dreamweaver vertraut machen und Tipps zur Ausführung allgemeiner GoLive- Aufgaben in Dreamweaver erhalten. Außerdem können Sie erfahren, wie Sie Ihre GoLive- Inhalte in ein Format konvertieren können, das von Dreamweaver importiert und anschließend verwaltet werden kann. Schulungsvideo für Dreamweaver CS3 bei Lynda.com Die Schulungsvideos bei Lynda.com beschreiben die neuen Funktionen in Dreamweaver CS3. Schulungsvideo über den Umstieg von GoLive auf Dreamweaver von Total Training Umfassende Videoschulungen von den Experten bei Total Training. In dieser Serie erklärt Ihnen die Expertin Janine Warner sowohl GoLive als auch Dreamweaver. Sie werden lernen, Layoutoptionen zu vergleichen, CSS zu verwenden, erweiterte Funktionen zu vergleichen und vieles mehr. Weitere Details erhalten Sie bei Adobe Developer Center Auch wenn Sie mit GoLive CS2 arbeiten oder eine Website übernommen haben, die mit GoLive erstellt wurde, können Sie die Site mit Dreamweaver CS3 weiter bearbeiten. Der vorliegende Artikel aus dem Adobe Developer Center soll Ihnen den Umstieg erleichtern. Die Autoren Adam Pratt und Lynn Grillo sind Adobe Solutions Engineers, die sich auf die Web- und Druckarbeitsabläufe von Adobe konzentrieren. Sie sind nicht nur Creative Suite Masters und Adobe Certified Web Specialists, sondern haben auch gemeinsam vier GoLive-Bücher verfasst und arbeiten bereits seit langem mit Dreamweaver. Die beiden sind erfahrene Kursleiter und können sich sogar noch daran erinnern, wie sie zum ersten Mal GoLive CyberStudio 1.0 gestartet haben. Diese beiden Veteranen sind in der Branche gut bekannt und können Sie erfolgreich durch die Migration von GoLive nach Dreamweaver führen. Adobe Systems Incorporated 345 Park Avenue San Jose, CA USA Adobe, das Adobe-Logo, Acrobat, Creative Suite, Dreamweaver, GoLive, Illustrator, InDesign und Photoshop sind eingetragene Marken oder Marken von Adobe Systems Incorporated in den USA und/oder anderen Ländern. Mac, Mac OS und Macintosh sind Marken von Apple Computer, Inc., die in den USA und anderen Ländern eingetragen sind. PowerPC ist eine Marke der International Business Machines Corporation in den USA und/oder anderen Ländern. Microsoft, Vista und Windows sind eingetragene Marken oder Marken der Microsoft Corporation in den USA und/oder in anderen Ländern. Alle anderen Marken sind das Eigentum ihrer jeweiligen Inhaber Adobe Systems Incorporated. Alle Rechte vorbehalten. Gedruckt in den USA Leitfaden für GL2DW 17