Schritt 2 - Vorlage > Anpassen > Inhalt des Headers und der Fußzeile

Nachdem Sie sich dafür entschieden haben, an einer vordefinierten Vorlage oder leeren Vorlage zu arbeiten, über das Fenster Auswahl des Templates und nachdem Sie den Individuelle Gestaltung der Vorlage festgelegt haben, können Sie dank der in diesem Fenster angebotenen Funktionen die Vorlage selbst noch weiter anpassen, indem Sie zum Beispiel am Header oder an der Fußzeile arbeiten und verschiedene Inhalte einfügen, unter anderem: Texte, Bilder, Animationen, Galerien, HTML-Code, Suchfelder und Links.

Im Einzelnen können Sie den Header und die Fußzeile sowohl für Desktop-Ansichten als auch für die verschiedenen Ansichten auf der Grundlage der Umbruchpunkte gestalten, wenn Sie eine responsive Website erstellen.

Wählen Sie für die Erstellung einer responsiven Website die Option Responsive Website im Fenster Auflösungen und responsives Design.

Das Fenster Inhalt des Headers und der Fußzeile enthält die Bereiche Header und Fußzeile. Die in beiden Bereichen verfügbaren Optionen sind identisch.

Wenn Sie eine responsive Website erstellen, enthält das Fenster Inhalt des Headers und der Fußzeile eine Responsiv-Leiste, die mit der im Fenster Auflösungen und responsives Design identisch ist.

Die Responsiv-Leiste enthält alle eingestellten Umbruchpunkte, die die Intervalle bestimmen. Klicken Sie in ein Intervall, um es zu markieren und gestalten Sie den Header und die Fußzeile der Vorlage für die entsprechende Ansicht.

Neben der Responsiv-Leiste enthält das Fenster einen Editor mit Werkzeugleiste und darunter einem Arbeitsbereich, in dem automatisch das Hintergrundbild des Headers oder der Fußzeile des ausgewählten Templates (vordefinierte oder eigene Vorlage) angezeigt wird: Das Bild wird im Maßstab 1:1 angezeigt und die Ansicht kann, sofern erforderlich, mit der horizontalen Bildlaufleiste verschoben werden. In diesem Bild werden alle mit den verfügbaren Funktionen vorgenommenen Änderungen in Echtzeit angezeigt.

Gleich unter dem Bild befindet sich eine Statusleiste mit folgenden Daten:

▪	Position: X- und Y-Koordinaten der Position der oberen rechten Ecke des ausgewählten Objekts, in Bezug auf den vom Header oder der Fußzeile eingenommenen Seitenbereich.

▪	Größe: Breite und Höhe des ausgewählten Objekts in Pixeln.

Wenn Struktur der Vorlage definiert wurde, wurde als Menütyp die Option eingestellt. Horizontal - Menü im Header auf dem Bild des Header wird eine graue schraffierte Fläche angezeigt, die den Umrissen des Menüs entspricht. Das Vorhandensein dieser Fläche verhindert die Anordnung anderer Objekte nicht, sie muss aber berücksichtigt werden, um ein unerwünschtes Überlappen der Objekte zu verhindern.

Unter der Statusleiste befindet sich schließlich die Liste aller Objekte, die verwendet werden können, um den Header und die Fußzeile der Vorlage zu bearbeiten.

Die Objekte sind die gleichen, die auch für die Gestaltung der Seiten verwendet werden können (siehe Schritt 4 - Seiten). Zur leichten Identifizierung sind sie nach Filtern organisiert und für jedes Objekt wird eine Vorschau angezeigt.

Mit den Schaltflächen in der Werkzeugleiste können einige Einstellungen an den Objekten des Headers und der Fußzeile der Vorlage vorgenommen werden:

Ausschneiden [Strg+X] - Kopieren [Strg+C] - Einfügen [Strg+V]

Zum Ausschneiden, Kopieren oder Einfügen des ausgewählten Objekts.

Rückgängig machen [Strg+Z] - Wiederherstellen

Zum Annullieren/Wiederherstellen der zuletzt durchgeführten/annullierten Operation.

In den Vordergrund - In den Hintergrund

Mit diesen Funktionen kann das ausgewählte Objekt jeweils in den Vordergrund oder Hintergrund, also über oder unter andere Objekte verschoben werden.

Position und Größe

In dem sich öffnenden Dialogfenster können Sie die Koordinaten für die Position und die Größe des markierten Objekts festlegen. Die standardmäßig aktivierte Option Größenverhältnis beibehalten bewirkt, dass beim Vergrößern oder Verkleinern die Proportionen des Objekts beibehalten werden.

Verwaltung verborgener Objekte

Verfügbar nur bei responsiven Websites. Hier kann eingestellt werden ob das jeweilige Objekt in der aktuellen Ansicht (ausgewählt in der Responsiv-Leiste) angezeigt werden soll oder nicht.

Mit Klick auf das Dreieck auf der Schaltfläche kann ein Menü mit folgenden Optionen geöffnet werden:

▪	In dieser Ansicht verbergen: das markierte Objekt wird in der aktuellen Ansicht verborgen.

▪	In dieser und allen untergeordneten Ansichten verbergen: das markierte Objekt wird in der aktuellen und allen Ansichten mit geringerer Auflösung verborgen.

▪	Verwaltung der verborgenen Objekte für diese Ansicht: öffnet ein Fenster mit der Liste aller Objekte, die in der aktuellen Ansicht verborgen sind. Für jedes Objekt sind eine Vorschau und der Befehl verfügbar, mit dem Sie es wieder einblenden können.

Objektinhalt

Öffnet ein Fenster, indem Sie ein markiertes Objekt des Headers oder der Fußzeile der Vorlage bearbeiten können. Das Fenster variiert je nach Objekttyp (Text, Bild usw.).

Einige der Objekte im Header oder in der Fußzeile, wie zum Beispiel Animationen, und HTML-Code-Objekte, sind nur sichtbar, wenn die Website im Browser geöffnet wird.

Um ein Objekt in den Header oder die Fußzeile der Vorlage einzufügen, wählen Sie im Bereich Verfügbare Objekte ein Objekt aus und ziehen es im Editor an die gewünschte Position.

Um die Auswahl zu erleichtern, können die Objekte über die folgenden 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	Objekt Text	Bildobjekt	Objekt Tabelle
Objekt Galerie	Video-/Audio-Objekt	Objekt E-Mail-Formular	Gästebuch-Objekt
Objekt Animation	Produktkatalog Objekt	Objekt Dynamischer Inhalt	HTML-Code-Objekt
Objekt Suche

Nachdem Sie ein Objekt in den Header oder die Fußzeile der Vorlage eingefügt haben, klicken Sie auf die Schaltfläche Bearbeiten (oder klicken doppelt auf das Objekt selbst), um das Fenster für die Bearbeitung zu öffnen.

Praktische Anwendung:

-	Die Arbeit mit Vorlagen
-	Wo finde ich neue Vorlagen für WebSite X5?
-	Erstellen einer responsiven Website in WebSite X5 \| Die Arbeit mit Vorlagen

Zusatzinformationen:

-	Funktionsprinzip der internen Suchmaschine von WebSite X5