Den Artikel 2056 weiterempfehlen
E-Mailadresse
 




 FAQ finden
Produktkategorie: Hosting

So leicht gestalten Sie Ihre erste Homepage mit Adobe® GoLive CS2


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.