Schritt 2 - Vorlage > Inhalt des Templates

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

Im Einzelnen können Sie den Header, die Fußzeile und die Seitenleiste 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 Templates enthält die Bereiche Header, Fußzeile und Seitenleiste: Die verfügbaren Optionen sindin allen drei Bereichen identisch.

Der Bereich Seitenleiste ist nur verfügbar, wenn im Fenster Struktur der Vorlage die Option Header, Fußzeile und Seitenleiste links oder Header, Fußzeile und Seitenleiste rechts als Strukturtyp gewählt wurde.

Wenn Sie eine responsive Website erstellen, enthält das Fenster Inhalt des Templates 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, die Fußzeile und die Seitenleiste 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, der Fußzeile oder der Seitenleiste 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, der Fußzeile oder der Seitenleiste eingenommenen Seitenbereich.

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

Unter der Statusleiste befindet sich schließlich die Liste aller Objekte, die verwendet werden können, um den Header, die Fußzeile oder die Seitenleiste 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.

Um ein Objekt in den Header, die Fußzeile oder die Seitenleiste 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 der Vorlage 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.

Die Hauptseiteninhalte und die Hauptinhalte der Vorlage 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 den Header, die Fußzeile oder die Seitenleiste der Vorlage eingefügt haben, klicken Sie auf die Schaltfläche Inhalt (oder doppelt auf das Objekt selbst), um das Fenster für die Bearbeitung zu öffnen.

Nachdem die gewünschten Objekte in den Arbeitsbereich des Template-Editors eingefügt wurden, können sie markiert und mit den Funktionen der Werkzeugleiste bearbeitet werden.

Für eine Mehrfachauswahl können Sie:

▪	Mit gedrückt gehaltener Strg- und Umschalttaste auf mehrere Objekte klicken;

▪	In den Arbeitsbereich klicken, die linke Maustaste gedrückt halten und die Maus über die Objekte ziehen, sodass ein rechteckiger Auswahlbereich gezeichnet wird, der alle gewünschten Objekte einschließt.

Funktionen der Werkzeugleiste:

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.

Arbeitsbereich

Es öffnet sich ein Fenster, in dem der Arbeitsbereich konfiguriert werden kann. Im Einzelnen stehen folgende Optionen zur Verfügung:

▪	Hintergrundfarbe: Einstellung auf Hell oder Dunkel der Hintergrundfarbe des Arbeitsbereichs für die optimale Anzeige der enthaltenen Objekte.

▪	Raster einblenden: Das Raster, sofern aktiviert, erleichtert die Positionierung und Bemessung der Objekte im Arbeitsbereich. Auch die Rastergröße ist einstellbar.

Anordnen

Definiert die Positionierung der Objekte im Arbeitsbereich. Im Einzelnen stehen stehen folgende Optionen zur Verfügung:

▪

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. Die Option Größenverhältnis beibehalten bewirkt, dass bei Größenänderungen die Originalproportionen des Objekts erhalten werden.

▪	Horizontale Ausrichtung / Vertikale Ausrichtung: Nur aktiv, wenn mindestens zwei Objekte markiert wurden, die auf diese Weise horizontal (links, zentriert oder rechts) oder vertikal (oben, Mitte, unten) ausgerichtet werden können.

▪	Verteilen: Nur aktiv, wenn mindestens drei Objekte markiert wurden, die auf diese Weise, vertikal oder horizontal, in gleichen Abständen angeordnet 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 definieren

Ö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.

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