Beim Erstellen der Seiten kann, nachdem mindestens ein Objekt in eine Zelle des Layout-Schemas eingefügt wurde, das Layout der Zeile definiert werden, zu der die entsprechende Zelle gehört. Markieren Sie hierzu die entsprechende Zeile und klicken Sie auf die Schaltfläche , um das Fenster Zeilenstil zu öffnen.
Eine Zeile kann wie ein horizontaler Streifen auf einer Seite verstanden werden. Dieser Streifen kann so breit sein wie die Seite (deren Breite von der verwendeten Vorlage abhängt) oder wie das gesamte Browserfenster. Die Höhe des Streifens hingegen wird vom höchsten der Objekte bestimmt, die sich in den Zellen der jeweiligen Zeile befinden. Sie können die Formatierung automatisch auch auf mehrere aneinander grenzende Zeilen anwenden, indem Sie diese verbinden:
Status vor dem Verbinden der Zeilen
Mauszeiger auf der Linie
Klick auf das Vorhängeschloss zum Verbinden der Zeilen
Status nach dem Verbinden der Zeilen
|
Ebenso, wie Sie Zeilen verbinden, um sie identisch zu formatieren, können Sie sie auch wieder trennen.
Wurden zum Beispiel die Zeilen 1 und 2 verbunden und auf beide eine bestimmte Formatierung angewendet, kehrt die Formatierung von Zeile 2 nach dem Trennen wieder in ihre ursprüngliche Form zurück. Wurden mehr als zwei Zeilen verbunden, erfolgt die Trennung an dem Punkt, an dem auf das Vorhängeschloss-Symbol geklickt wird. Wurden zum Beispiel die Zeilen 1, 2, 3 und 4 verbunden und Sie klicken auf das Vorhängeschloss zwischen Zeile 2 und Zeile 3, bleibt Zeile 1 mit Zeile 2 und Zeile 3 mit Zeile 4 verbunden. |
Je nachdem, wie die Objekte im Raster positioniert bzw. bei responsiven Websites für die verschiedenen Ansichten angeordnet werden, können Situationen eintreten, in denen mehrere Zeilen automatisch verbunden werden und nicht getrennt werden können. Fall 1. Layout Wird ein Objekt in das Raster eingefügt, das mehrere Zellen verschiedener Zeilen belegt, werden alle betroffenen Zeilen automatisch verbunden. Das Vorhängeschloss auf der Verbindungslinie zwischen den Punkten wird grau (anstatt blau) dargestellt, was anzeigt, dass es nicht entsperrt werden kann. In diesem Fall muss zwingend das Layout der Objekte verändert werden, um die Verbindung zu lösen.
Wird für Zeile 1 und Zeile 2 zuvor ein unterschiedlicher Stil eingestellt, aber dann ein Objekt eingefügt, das beide belegt, werden die beiden Zeilen automatisch verbunden und Zeile 2 wird an den Stil von Zeile 1 angeglichen. Auch in diesem Fall können die Zeilen erst dann manuell getrennt werden, wenn zuvor das Layout der Objekte verändert wurde. Fall 2. Responsive Website Wenn Sie eine responsive Website gestalten und die Objekte für die verschiedenen Ansichten gemäß den Umbruchpunkten anordnen, können Kombinationen auftraten, die zur automatischen Verbindung mehrerer Zeilen führen. Im Allgemeinen tritt dieser Fall ein, wie im nachstehenden Beispiel, wenn bei der Anordnung einem Objekt nicht das rechts angrenzende (das sich auf der gleichen Zeile befindet) folgt, sondern das Objekt direkt darunter (in einer anderen Zeile). Auf diese Weise werden Gruppen generiert, deren Objekte sich auf mehreren Zeilen befinden.
|
Das Formatieren von Zeilen ist sehr einfach. Gehen Sie bitte vor, wie nachstehend beschrieben:
Bitte beachten Sie bei der Formatierung von Zeilen Folgendes:
|
Um einen farbigen Streifen zu erstellen, der sich nicht nur über die Seitenbreite, sondern über die gesamte Breite des Browserfensters erstreckt, gehen Sie bitte wie folgt vor:
Analog kann durch Auswahl einer anderen Option für Hintergrund ein Streifen mit einem Farbverlauf, einem Bild oder einem Video anstelle der Einheitsfarbe erstellt werden. |
Der Parallaxe-Effekt wird häufig verwendet, um den Seiten Tiefe zu verleihen und sie für den Betrachter ansprechender zu gestalten. Der Effekt basiert auf folgendem Prinzip: Beim Scrollen der Seite bewegen sich das Hintergrundbild und die Bilder im Vordergrund mit unterschiedlicher Geschwindigkeit. Zum Einstellen des Parallaxe-Effekts gehen Sie bitte vor, wie nachstehend beschrieben:
Für die Verwendung des Parallaxe-Effekts kann als Hintergrund der Zeile ein Farbverlauf, ein Bild oder ein Video aber kein einfarbiger Hintergrund gewählt werden. |
Zusatzinformationen: