Die erste Homepage ist mit einem Programm wie Adobe® GoLive CS2 einfach zu erzeugen. HTML-Kenntnisse sind nicht weiter erforderlich. Sie haben während der Arbeit sämtliche Informationen zu jedem Objekt auf dem Bildschirm. Die Arbeit mit dem Programm hat im Großen und Ganzen eine große Ähnlichkeit mit der Bedienung eines Layoutprogramms, allerdings mit zusätzlichen Funktionen.
Adobe® GoLive CS2 ermöglicht Ihnen mit dem
Web-Site-Erstellungsassistenten und der
Web-Site-Diagrammfunktion die problemlose Erstellung komplexer, mehrseitiger Web-Sites. Der
Web-Site-Erstellungsassistent führt Sie durch alle Schritte bei der Erstellung einer neuen Web-Site, während die
Web-Site-Diagrammfunktion einen Prototyp der Web-Site erstellt und diesen in echte Seiten konvertiert.
Ergänzend zu der Komplettdokumentation Adobe® GoLive CS2, welche Sie auf der Software CD finden, empfehlen wir Ihnen das umfangreiche Galileo-Video-Training:
"Adobe GoLive CS2 – Für Einsteiger" In diesem Artikel bieten wir Ihnen eine kurze Einführung in die grundlegenden Funktionen von Adobe® GoLive CS2.
Bevor Sie beginnen, sollten Sie sich jedoch mit den grundlegenden Konzepten von GoLive vertraut machen.
Wir weisen darauf hin, dass dieser Artikel auf das Lernprogramm, welches Sie in der Komplettdokumentation im Kapitel 2 nachlesen können, basiert.
Weiterführende GoLive-Lernprogramme finden Sie auf der Adobe Web-Site unter:
www.adobe.com/products/tips/golive.html
Bei den folgenden Schritten verwenden Sie den
Web-Site-Erstellungsassistenten, die
Diagrammwerkzeuge und das
Web-Site-Fenster, um eine neue Web-Site mit mehreren Seiten und Ordnern für einen einzelnen Benutzer zu erstellen.

Erstellen Sie eine neue, leere Web-Site
Starten Sie GoLive, und wählen Sie
Datei
Neu. Wählen Sie
Web-Site
Web-Site erstellen, um den Web-Site-Erstellungsassistenten zu öffnen. Wählen Sie nun "LeereWeb-Site", und klicken Sie auf
Weiter. Geben Sie im Textfeld
Name einen Namen für die Web-Site ein, und klicken Sie auf
Durchsuchen, um einen Speicherort für die Web-Site-Dateien und -Ordner auf Ihrer Festplatte festzulegen.
Klicken Sie auf
Weiter und aktivieren Sie im Fenster
Versionskontrollsystem verwenden die Option
Keine Versionskontrolle verwenden. Klicken Sie nun auf
Weiter (Sie können die Einstellungen für die Versionskontrolle später ändern; insbesondere, wenn Sie als Mitglied eines Teams mit der Web-Site arbeiten).
Aktivieren Sie im Fenster
Publish-Server-Optionen die Option
Server später festlegen (Sie können die Optionen für Publish-Server nach der Einrichtung der Web-Site festlegen), und klicken Sie dann auf
Fertig stellen, um die neue Web-Site zu erstellen.
GoLive erstellt einen Projektordner auf Ihrer Festplatte. Dieser Projektordner enthält die Projektdatei Ihrer Web-Site, den Ordner
web-content, der die

index.html-Datei enthält, sowie die Ordner
web-data und
web-settings, die GoLive zur Verwaltung der Site und aller zugehörigen Elemente verwendet.

Strukturieren Sie die Web-Site
Verwalten Sie Ihre Seiten und Bilder in getrennten Ordnern, so dass Sie den Überblick über die Dateien behalten und diese einfach aktualisieren können.
Klicken Sie bei aktivierter Registerkarte Dateien des Site-Fensters in der Werkzeugleiste auf die Schaltfläche Neuen Ordner erstellen. Benennen Sie den neuen Ordner zum Beispiel in Seiten um. Sämtliche HTML-Seiten werden in diesem Ordner abgelegt.
Klicken Sie erneut in einen leeren Bereich auf der Registerkarte
Dateien, und anschließend auf
Neuen Ordner erstellen. Benennen Sie diesen Ordner zum Beispiel in
Bilder um. Sämtliche Bilder werden in diesem Ordner abgelegt.
Wenn Ihre Web-Site sehr komplex ist, können Sie Unterordner innerhalb dieser Ordner erstellen, um Ihre Dateien besser verwalten zu können. Jedes Mal, wenn Sie Seiten verschieben, umbenennen oder hinzufügen oder einen neuen Ordner auf der Registerkarte
Dateien erstellen, übernimmt GoLive die Änderungen automatisch in den Ordner
web-content der Web-Site.
Web-Seiten entwerfen und deren Layout erstelle
Mit Adobe GoLive ist es ganz einfach, grafisch aufwendige Webseiten zu entwerfen und ein Layout dafür zu erstellen. Sie können ohne die Eingabe von Codes einfache oder komplexe, professionell gestaltete Webseiten erstellen.
Nach dem Entwerfen Ihrer Seite können Sie diese dann als Musterseite speichern. Aus einer Musterseite erstellte Seiten bleiben mit der Musterseite verknüpft: Wenn Sie die Musterseite ändern, aktualisiert GoLive die Seiten automatisch, ohne dass der bereits darin enthaltene Inhalt davon betroffen wird.
Fügen Sie der Seite eine Hintergrundfarbe hinzu
Klicken Sie auf das Symbol Seiteneigenschaften anzeigen oben rechts im Dokumentfenster. Wählen Sie auf der Registerkarte Seite des Seiten-Inspektors unter Hintergrund die Option Farbe, und klicken Sie in die untere rechte Ecke des Farbfeldes. Wählen Sie aus den angezeigten Farbfeldern eine Hintergrundfarbe für die Seite aus, oder wählen Sie eine Farbfeldbibliothek aus der Liste aus, und klicken Sie dann erneut auf die Ecke des Farbfelds, um eine Hintergrundfarbe aus diesen Farbfeldern auszuwählen.
Sie können eine Farbe oder ein Bild auf den Hintergrund Ihrer Seite anwenden, um die Seite visuell anspruchsvoller zu gestalten. Obwohl Farben, die Sie für den Seitenhintergrund auswählen, die von den meisten Web-Browsern verwendeten Standardfarben überschreiben, können Besucher die Browser-Voreinstellungen ändern und die Hintergrundfarben Ihrer Seite überschreiben.
Sie können auch ein Bild als Seitenhintergrund auswählen. Sie sollten jedoch darauf achten, dass Web-Browser das Bild im Kachelformat übernehmen und es vervielfachen, um damit die gesamte Seite zu bedecken.

Fügen Sie Text hinzu, und formatieren Sie ihn
Klicken Sie innerhalb des CSS-Layout-Objekts, um eine Einfügemarke zu erstellen, und geben Sie Platzhaltertext ein. Klicken Sie auf der Werkzeugleiste auf die Schaltfläche Zentrieren und wählen Sie aus der Liste "Absatzformat festlegen" die Option Überschrift 2.
In GoLive stehen Ihnen verschiedene Methoden zur Textformatierung zur Verfügung:
- Absatzstile wie "Überschrift 1" und "Überschrift 2" für die Formatierung von Absätzen
- physische Stile wie "Fett" und "Kursiv" für die Hervorhebung von Text
- strukturelle Stile wie "Betonung" und "Starke Betonung" zur Hervorhebung und Klassifizierung von Text.
(Weitere Informationen über die Formatierung von Text finden Sie in der Komplettdokumentation unter
Methoden der Textformatierung auf Seite 285.)
Sie können auch CSS-Stile (CSS, Cascading Stylesheets) verwenden, um Schriften, Textgrößen und Farbe auf Text anzuwenden. CSS-Stile enthalten eine Reihe stilistischer Regeln, mit denen die Anzeige von HTML-Dokumenten für Besucher festgelegt wird. Wenn ein CSS-Stil aktualisiert werden muss, bearbeiten Sie einfach die Stilregel, und der gesamte mit diesem Stil verbundene Inhalt spiegelt automatisch die neuen Eigenschaften wieder.
Weitere Informationen über CSS finden Sie in der Komplettdokumentation unter Wissenswertes zu Cascading Stylesheets auf Seite 309.

Speichern Sie die Datei als Musterseite
Wählen Sie
Datei
Speichern unter, und wählen Sie aus dem Menü
Web-Site-Ordner die Option
Musterseiten.
Geben Sie einen Namen für die Seite im Dialogfeld Speichern unter ein, und klicken Sie auf Speichern.
Musterseiten sind vordefinierte Seiten-Layouts, die Sie als Vorlage für neue Seiten verwenden können. Sie können Bereiche der Seite als bearbeitbar markieren. Jeder Bereich einer Musterseite, die nicht als bearbeitbar markiert ist, wird automatisch gesperrt. Wenn Sie eine Musterseite aktualisieren, werden automatisch alle auf dieser Musterseite basierenden Seiten aktualisiert.
Hochladen von Dateien mit FTP
Wie Sie Ihre Dateien oder Ordner auf Ihren Webspace hochladen, entnehmen Sie bitte folgendem Artikel:
So einfach veröffentlichen Sie Ihre Seiten mit Adobe® GoLive CS / Adobe® GoLive CS2
Anmerkung: Bitte beachten Sie, dass wir in dieser Anleitung nur einen kleinen Einblick in den Umgang mit Adobe® GoLive CS2 geben können. Wenn Sie darüber hinaus Verknüpfungen, Frames, Animationen, CSS-Elemente und mehr in Ihre Web-Site einbinden möchten, konsultieren Sie bitte unser ausführliches Benutzerhandbuch.
Hierfür starten Sie die STRATO Komplettsoftware-CD und wählen die Adobe® GoLive CS2 Komplett-Dokumentation. Für die Betrachtung benötigen Sie den kostenlosen Adobe® Reader.