Schritt 4 - Seiten

Nach der Strukturierung der Sitemap können Sie mit der Gestaltung der einzelnen Seiten beginnen. Im Fenster Erstellen der Seiten können Sie das Layout gestalten und die Inhalte eingeben.

Der Pfad und der Titel der Seite, an der Sie gerade arbeiten, wird hinter dem Eintrag Aktuelle Seite angezeigt.

Für die komfortable Layout-Gestaltung bietet WebSite X5 ein Schema, das standardmäßig in zwei Zeilen und zwei Spalten gegliedert ist: Ziehen Sie einfach die verfügbaren Objekte in die Zellen dieses Schemas (ein Objekt pro Zelle), um die Seite zusammenzustellen.

Natürlich können Sie weitere Zeilen und Spalten hinzufügen, damit mehr Zellen zur Verfügung stehen. Außerdem kann die Breite der einzelnen Spalten manuell definiert werden. Dank dieser Gestaltungsoptionen im Schema und der Möglichkeit, Objekte auch über mehrere, nebeneinander liegende Zellen zu erweitern, können ausgesprochen attraktive Layouts realisiert werden.

Wichtiger Hinweis: Das Schema dient ausschließlich der Vereinfachung der Layout-Gestaltung. Außer in einigen wenigen, speziellen Fällen, wie bei besonders komplexen Objektkombinationen, wird das Layout-Schema im HTML-Code der Seiten nicht als Tabelle umgesetzt. Bei der Anzeige in einem Browser ist das Layout-Schema grundsätzlich nicht sichtbar.

Wie bereits erwähnt, kann jede Zelle des Schemas nur ein Objekt enthalten, während sich ein Objekt hingegen horizontal oder vertikal über mehrere nebeneinander liegende Zellen erstrecken kann, sodass es einen größeren Raum auf der Seite einnimmt.

Das Aussehen einer Zelle des Layout-Schemas hängt von ihrem jeweiligen Status ab:

▪	Enthält sie ein Objekt, das noch nicht konfiguriert wurde, wird das Symbol des Objekttyps auf einem grau schraffierten Hintergrund angezeigt.

▪	Wurde das enthaltene Objekt bereits konfiguriert, erscheint das Symbol des Objekttyps auf einem hellblauem Hintergrundverlauf.

▪	Ist das enthaltene Objekt markiert, wird der Umriss mit Ankerpunkten angezeigt.

Für die komfortable Nutzung sind alle Zeilen des Rasters nummeriert (Anzeige links), während die Schieber für die Einstellung der Spaltenbreiten am unteren Rand positioniert sind.

Direkt über dem Layout-Schema befindet sich eine Werkzeugleiste mit folgenden Schaltflächen:

	Inhalt Öffnet ein Fenster, in dem Sie das im Layout-Schema markierte Objekt erstellen können. Dieses Dialogfenster variiert je nach Objekttyp (Text, Bild usw.).
	Stil Öffnet das Dialogfenster Objektstil in dem Sie die grafischen Eigenschaften des Objekts in im Layout-Schema definieren können.
	Effekt Öffnet das Fenster Anzeigeeffekt zur Definition eines Übergangs, der auf das im Layout-Schema markierte Objekt angewendet werden soll.
	Für das markierte Objekt einen Anker setzen Dem im Layout-Schema markierten Objekt wird ein Anker zugewiesen. Mit Klick auf den Pfeil neben der Schaltfläche öffnet sich ein Menü mit den Optionen Anker einfügen..., Bearbeiten... und Entfernen.

Ein Anker ist ein Bezugspunkt, der die Position eines Objekts innerhalb der Seite identifiziert. Anker werden verwendet, um dem jeweiligen Objekt Direktlinks zuzuweisen.

	Zeile vor der ausgewählten Zelle einfügen/Spalte vor der ausgewählten Zelle einfügen Dem Layout-Schema wird eine neue Zeile oder Spalte hinzugefügt. Mit Klick auf den Pfeil neben den Schaltflächen kann festgelegt werden, ob die jeweilige Zeile/Spalte vor oder hinter der markierten Zelle eingefügt werden soll. Auf diese Weise können Raster mit bis zu 64 Zeilen und 12 Spalten erstellt werden.
	Ausgewählte Zeile löschen/Ausgewählte Spalte löschen Die markierte Zeile oder Spalte wird aus dem Layout-Schema entfernt. Das Layout-Schema muss mindestens eine Zelle (also eine Zeile und eine Spalte) enthalten.
	Zeilenstil Öffnet das Fenster Zeilenstil zur Definition der grafischen Eigenschaften des Streifens, auf dem sich die in die jeweilige Zeile eingefügten Objekte befinden.
	Responsive Öffnet das Fenster Responsive Einstellungen, um das Verhalten der einzelnen Objekte, die in Abhängigkeit von der Seitenauflösung eingefügt wurden, genau anzugeben.

Um mit den Optionen des Fensters Responsive Einstellungen arbeiten zu können, muss eine responsive Website erstellt werden. Aktivieren Sie hierzu die entsprechende Option im Fenster Auflösungen und responsives Design.

Neben den Layout-Schema finden Sie die verfügbaren Objekte. Um ein Objekt in eine Seite einzufügen, wählen Sie im Bereich Verfügbare Objekte ein Objekt aus und ziehen es im Layout-Schema in die gewünschte Zelle.

Um die Auswahl zu erleichtern, können die Objekte über folgende Befehle gefiltert werden:

Filter-Liste

Liste der Filter, mit denen verfügbare Objekte nach bestimmten Kriterien ausgewählt werden können. Beispielsweise können alle Hauptseiteninhalte oder Hauptinhalte von Header / Fußzeile angezeigt werden.

Verwaltung der Objekte zeigen

Öffnet das Fenster Verwaltung der Objekte für die Installation, Deinstallation und Aktualisierung aller Objekte, die nicht in der Grundinstallation des Programms enthalten sind.

Hauptseiteninhalte und die Hauptinhalte von Header / Fußzeile sind folgende:

	Titel-Objekt		Menü-Objekt
	Objekt Text		Bildobjekt
	Objekt Tabelle		Objekt Galerie
	Video-/Audio-Objekt		Objekt Kontaktformular
	Objekt Kommentare und Bewertungen		Objekt HTML5-Animation
	Produktkatalog Objekt		Objekt Dynamischer Inhalt
	HTML-Code-Objekt		Objekt Suche

Nachdem Sie ein Objekt in das Layout-Schema eingefügt haben, klicken Sie auf die Schaltfläche Inhalt (oder klicken doppelt darauf), um das Fenster für die Bearbeitung zu öffnen.

Praktische Anwendung:

-	Einrichten einer Seite mit dem Layout-Schema
-	Erstellung und Nutzung von Ankern
-	Die Arbeit am Objektstil
-	Die Arbeit am Zeilenstil