Schritt 3 - Erstellen der Seiten > Allgemeine Funktionen

WebSite X5 ermöglicht die Erstellung aller Seiten einer Website in einem Layout-Schema, das den verfügbaren Raum in Zellen gliedert. Die Zahl der verfügbaren Zellen ist von der Zahl der eingegebenen Zeilen und Spalten abhängig und in jede Zelle können verschiedene Inhalte eingegeben werden (durch einfaches Drag&Drop der verfügbaren Objekte).

Die Zelle entspricht somit einem bestimmten Bestandteil der Seite: Sie hat einen bestimmten Inhalt und kann individuell grafisch gestaltet werden. Durch Gestaltung der Ränder, Rahmen und Hintergründe einer Zelle können also innerhalb einer Seite Bereiche erstellt werden, um die Inhalte zu organisieren und Bestandteile wie gewünscht hervorzuheben.

Um die grafische Gestaltung einer Zelle zu definieren, markieren Sie sie und klicken dann auf die Schaltfläche . Es öffnet sich das Fenster Zellenstil, die Optionen sind in die folgenden Bereiche gegliedert: Stil, Text und Bibliothek.

Über die Befehle dieser Sektion können die grafischen Einstellungen der im Layout-Schema aktuell markierten Zelle bestimmt werden.

Legen Sie zunächst den Hintergrund für die Zelle fest, für den folgende Optionen zur Verfügung stehen:

	Farbiger Hintergrund: Die Zelle erhält einen einfarbigen Hintergrund.
	Hintergrund mit Farbverlauf: Der Hintergrund der Zelle wird mit einem Farbverlauf ausgefüllt, für den die Anfangsfarbe, die Endfarbe und die Verlaufsrichtung festgelegt werden können.
	Bildhintergrund: Der Hintergrund der Zelle wird mit einem importierten Bild ausgefüllt.
	Bild an Zelle anpassen: Für den Hintergrund der Zelle wird ein importiertes Bild in Blöcke aufgeteilt und so wieder zusammengesetzt, dass es sich perfekt den Abmessungen der Zelle anpasst. (siehe Gestaltung einer Zelle)

Je nach Hintergrundtyp können unter Einstellungen verschiedene Optionen gewählt werden.

Farbiger Hintergrund

Hintergrund mit Farbverlauf

Bildhintergrund

Bild an Zelle anpassen

▪	Farbe: Hier können Sie die Hintergrundfarbe festlegen.

▪	Anfangsfarbe / Endfarbe: Legen Sie hier die Anfangs- und die Endfarbe für den Farbverlauf des Zellenhintergrundes fest.

▪

Diffusion: Hier können Sie festlegen, ob im Farbverlauf die Anfangs- oder die Endfarbe dominieren soll. Hierzu geben Sie an, in welchem Abstand (in Pixeln) der Übergang von der einen zur anderen Farbe erfolgen soll. Stellen Sie beispielsweise einen vertikalen Farbverlauf von Grau nach Weiß mit einer Diffusion von 250 ein, erfolgt der Übergang innerhalb der ersten 250 Pixel und dahinter ist der Hintergrund durchgehend weiß.

▪	Richtung: Hier können Sie die Richtung des Farbverlaufs festlegen, das heißt, ob er vonoben, von unten, von links oder von rechts beginnen soll.

▪	Bilddatei: Wählen Sie hier das Bild für den Hintergrund der Zelle aus. Sie können Dateien in den Formaten JPG, GIF und PNG verwenden.

▪	Anordnung: Hier können Sie festlegen, ob das ausgewählte Hintergrundbild wiederholt werden soll. Das Bild kann nur horizontal, nur vertikal oder in beide Richtungen wiederholt werden, bis es den zur Verfügung stehenden Platz ausfüllt.

▪	Ausrichtung: Legen Sie hier fest, wie das eingefügte Hintergrundbild zur Zellenfläche ausgerichtet werden soll.

▪	Farbsättigung: Hier können Sie eine Farbe auswählen, mit der das Hintergrundbild der Zelle schattiert werden soll. Das heißt, es wird ein Colorize-Effekt angewendet, der das gesamte Bild in der ausgewählten Farbe schattiert.

▪	Blockbreite / Blockhöhe: Hier können Sie die Abmessungen der Blöcke einstellen, in die das Hintergrundbild aufgeteilt wird. Damit legen Sie fest, welche Bildteile unverändert bleiben und welche wiederholt werden sollen. (siehe Gestaltung einer Zelle)

▪

Deckkraft: Legen Sie hier die Deckkraft der Hintergrundfarbe / des Farbverlaufs / des Hintergrundbildes fest. Je kleiner der eingestellte Wert ist, desto geringer wird die Deckkraft, das heißt, die Hintergrundfarbe der Zelle wird transparenter und lässt den Hintergrund der Seite stärker durchscheinen.

Im Bereich Rand können Sie festlegen:

▪	Breite: Definiert die Breite der Ränder, auch einzeln.

▪	Farbe: Definiert die Farbe der Ränder, auch einzeln.

▪	Abgerundete Ecken: Definiert die Rundung der Ecken, auch einzeln.

▪	Schatten: Fügt einen Schatten ein, dessen Farbe, Position, Streuung und Breite definiert werden können.

Und mit den Optionen im Bereich Ausrichtung und Rand definieren Sie:

▪	Ausrichtung: Mit dieser Option können Sie das in der aktuellen Zelle enthaltene Objekt oben/zentral/unten sowie links/zentral/rechtszur Zelle ausrichten.

▪	Außenrand / Innenabstand: Stellen Sie hier die Breite der externen und internen Ränder der Zelle in Pixeln ein (siehe Das Box-Modell in WebSite X5).

Über die Optionen in diesem Bereich können Sie die grafischen Einstellungen der Textelemente der im Layout-Schema aktuell markierten Zelle vornehmen.

Zunächst muss das Element (Text oder Bild) ausgewählt werden, das eingefügt oder bearbeitet werden soll. Hierzu stehen folgende Optionen zur Auswahl:

	Titel: Text, der als Überschrift der aktiven Zelle angezeigt wird.
	Headerbild: Dies ist ein Bild, das in den Header der aktiven Zelle eingefügt werden kann, eventuell neben dem Titel.
	Beschreibungstext: Text, der als Beschreibung der aktiven Zelle angezeigt wird.

Nach Eingabe können die verschiedenen Elemente aus dem Dropdown-Menü oder direkt durch Klick auf das Vorschaubild ausgewählt werden.

Je nach gewähltem Element können im Bereich Einstellungen verschiedene Funktionen angewendet werden.

Für die Elemente Titel und Beschreibungstext stehen folgende Optionen zur Verfügung:

▪	Inhalt: Feld für die Eingabe der Überschrift oder einer Beschreibung der Zelle.

▪	Farbe / Textfarbe: Hier definieren Sie die Hintergrundfarbe für den Text und die Textfarbe.

▪	Schriftart: Definiert die Schriftart, den Schriftschnitt und die Größe des Textes.

▪	Ausrichtung: Ausrichtung des Textes links, in der Mitte oder rechts im Verhältnis zur Zelle.

▪	Außenrand / Innenabstand: Stellen Sie hier die Breite der Seitenränder des Textes in Pixeln ein. Auf diese Weise können Sie Ihren Text präzise positionieren und den Abstand zum Zellenrand festlegen.

Für das Element Headerbild stehen folgende Einstellungen zur Verfügung:

▪	Bilddatei: Wählen Sie hier das Bild für den Hintergrund der Zelle aus. Sie können Dateien in den Formaten JPG, GIF und PNG verwenden.

▪	Ausrichtung: Ausrichtung des eingefügten Bildes links, in der Mitte oder rechts im Verhältnis zur Zelle.

▪	Rand: Stellen Sie hier die Bildränder in Pixeln ein. Auf diese Weise können Sie das Bild präzise positionieren und den Abstand zum Zellenrand und zur eventuell eingegebenen Titel festlegen.

In diesem Bereich des Fensters Zellenstil können Sie ein zuvor als Stil gespeichertes Set von Einstellungen auswählen und auf die aktive Zelle anwenden oder die für die aktive Zelle festgelegten Eigenschaften als neuen Stil speichern, um ihn später auch auf andere Zellen anzuwenden.

In der Bibliothek finden Sie alle Stile (Standardeinstellungen und Benutzerdefiniert). Außerdem stehen die folgenden Schaltflächen zur Verfügung:

▪	Übernehmen: Alle Einstellungen des ausgewählten Stils werden auf die aktive Zelle angewendet.

▪	Hinzufügen: Speichert alle grafischen Einstellungen, die in den Bereichen Stil und Text für die aktuelle Zelle in einem Stil vorgenommen wurden und fügt den Stil der Stil-Liste Benutzerdefiniert hinzu.

▪	Entfernen: Löscht den ausgewählten Stil aus der Stil-Liste Benutzerdefiniert. Vordefinierte Stile (Standardeinstellungen) können nicht gelöscht werden.

▪	Importieren...: Importiert einen neuen Stil, der mit WebSite X5 gestaltet und mit der entsprechenden Funktion exportiert wurde.

▪	Export...: Exportiert den ausgewählten Stil in den angegebenen Ordner. Der so exportierte Stil kann mit anderen Nutzern geteilt und in andere Rechner importiert werden.

Bei der Erstellung eines Stils werden alle grafischen Einstellungen der Zelle gespeichert, aber nicht ihre Inhalte, die von Zelle zu Zelle verschieden sein können. Dies bedeutet zum Beispiel, in dem Stil werden die Textfarbe oder die Schriftart, aber nicht der Inhalt der Elemente wie Titel und Beschreibungstext gespeichert, der für die Zelle festgelegt wurde.

Praktische Anwendung:

-	Die Arbeit am Zellenstil

Weiterführende Informationen:

-	Das Box-Modell in WebSite X5