Fenster Zeilenstil

Schritt 4 - Seiten > Befehle der Werkzeugleiste und Raster >

Fenster Zeilenstil

Previous pageReturn to chapter overviewNext page

Mit den Optionen dieses Dialogfensters, das über die Schaltfläche Zeilenstil in der Werkzeugleiste des Layout-Schemas im Fenster Erstellen der Seiten geöffnet wird, können Sie die Grafik einer Zeile, also eines horizontalen Streifens festlegen, auf dem sich eine Gruppe von Objekten auf einer Seite befindet.

Das Fenster Zeilenstil enthält:

ein Raster, das die Seitenkonfiguration wiedergibt, wie sie im Fenster Erstellen der Seiten festgelegt wurde;
die Liste der verfügbaren Optionen.

Markieren Sie die Zeile, die Sie bearbeiten möchten, und formatieren Sie sie mit den verfügbaren Optionen. Die markierte Zeile wird blau dargestellt und ihre Nummer in Fettschrift hervorgehoben.

Neben jeder Zeile sehen Sie einen ausgefüllten Punkt oder leeren Kreis, je nachdem, ob die Zeile bereits konfiguriert wurde oder nicht.

Mehrere aneinander grenzende Zeilen können verbunden werden, um sie identisch zu formatieren. Je nachdem, wie die Objekte im Raster positioniert oder bei responsiven Websites angeordnet sind, können bestimmte Zellen automatisch verbunden werden. Für weitere Informationen siehe: Gestaltung einer Zeile.

Nachdem Sie die Zeile oder Zeilengruppe, die Sie bearbeiten möchten, markiert haben, können Sie zunächst den Hintergrund definieren. Folgende Optionen stehen zur Auswahl:

Farbig: Der Hintergrund der Zeile ist einfarbig.

Verlauf: Der Hintergrund der Zeile wird mit einem Farbverlauf ausgefüllt, für den Sie die Anfangs- und Endfarbe sowie die Richtung festlegen können.

Bild: Der Hintergrund der Zeile wird mit einem importierten Bild ausgefüllt.

Video: Als Hintergrund des Zeile wird ein Video eingebunden.

Je nach Hintergrundtyp können im Bereich Einstellungen unterschiedliche Optionen eingestellt werden. Folgende Optionen können zur Verfügung stehen:

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 %) der Übergang von der einen zur anderen Farbe erfolgen soll.
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.
Lokale Datei: 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. Das Bild kann entweder aus der Online-Bibliothek, die mit der Schaltfläche geöffnet wird, oder mit der Schaltfläche Datei auswählen in einem lokalen Verzeichnis gewählt werden.
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 Zeile ausgerichtet werden soll.
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 Zeile wird transparenter und lässt den Hintergrund der Seite stärker durchscheinen.
Videotyp: Legen Sie hier fest, welcher Videotyp ob für das Hintergrundvideo der Zeile verwendet werden soll: Lokale Datei, URL oder Datei im Internet oder YouTube-Video.
Lokale Datei / URL oder Datei im Internet / URL des YouTube-Videos: Je nach gewähltem Videotyp können Sie hier die zu importierende Videodatei auswählen oder die URL eingeben, an der das Video online abgerufen werden soll.
Vorschaubild: Zuweisung eines Vorschaubildes für das Video. Auch in diesem Fall kann das entweder in der Online-Bibliothek, die mit der Schaltfläche geöffnet wird, oder mit der Schaltfläche Datei auswählen in einem lokalen Verzeichnis gewählt werden.

Das Vorschaubild wird vor dem Video angezeigt und nach dem Start der Wiedergabe mit Auflösungs-Effekt ausgeblendet. Die Konfiguration eines Vorschaubildes ist somit besonders für die Anzeige an Mobilgeräten nützlich, da die Videowiedergabe nicht automatisch startet.

Und schließlich können die folgenden Optionen aktiviert werden:

Auf die Breite des Browserfensters erweitern: Das für die Zeile festgelegte Layout wird nicht nur über die Breite der Inhalte auf der Seite angewendet, sondern über die gesamte Breite des Browserfensters ausgedehnt.
Parallaxe-Effekt aktivieren: Aktiviert den Parallaxe-Effekt in der markierten Zeile. Die Parallaxe ist eine visuelle Technik, die durch die Bewegung von Bildern mit unterschiedlicher Geschwindigkeit und Anzeige aus unterschiedlichen Perspektiven eine 3D-Illusion erzeugt und somit dem Design einer Website Tiefe verleiht. Mit diesem Effekt wird das Scrollen der Seiten durch den Nutzer ansprechender.

Da er auf der Bewegung von Bildern mit unterschiedlicher Geschwindigkeit beruht, kann der Parallaxe-Effekt nicht auf Zeilen angewendet werden, deren Hintergrund einfarbig ausgefüllt ist.

 


Praktische Anwendung:

-

Die Arbeit am Zeilenstil


Weiterführende Informationen:

-

Das Box-Modell in WebSite X5