Responsive Einstellungen Fenster

Schritt 3 - Erstellen der Seiten >

Responsive Einstellungen Fenster

Previous pageReturn to chapter overviewNext page

Durch die Funktionen dieses Fensters, das mit der Schaltfläche Responsive in der Symbolleiste des Layoutrasters, die im Fenster angegeben wird, aufgerufen wird, Erstellen der Seiten verwaltet man das Verhalten, das die einzelnen Objekte, die in die Seite eingefügt wurden, in Abhängigkeit von der Auflösung haben müssen.

Um mit den Optionen des Fensters Responsive Einstellungen arbeiten zu können, muss zuvor die Option Resonsive Website zulassen im Fenster Allgemeine Einstellungen | Responsives Design aktiviert werden.

Das Fenster Responsive Einstellungen bietet:

eine Tabelle, in der die Ansichten zusammengefasst sind, die von den Umbruchpunkten vorher bestimmt werden, und die durch die Funktionen des Fensters Allgemeine Einstellungen | Responsives Design aktiviert werden, und die Auflösungsintervalle, in denen sie angewendet werden;
eine kurze Aufzählung, die je nach der ausgewählten Ansicht die Operationen anzeigt, die auf der Seite durchgeführt werden können;
ein Raster, das die Konfiguration der Seite wieder aufnimmt und auf die man mit den verfügbaren Funktionen einwirken kann.

In der Tabelle werden die Ansichten in der Reihenfolge dargestellt, dabei wird mit der Desktop-Ansicht begonnen, bis zur Smartphone-Ansicht.

Wenn man die Desktop-Ansichtim Raster auswählt, wird die im Fenster eingerichtete Konfiguration eingestellt Erstellen der Seiten. Ausgehend von dieser Situation müssen wir die Reihenfolge definieren, in der die Objekte angezeigt werden sollen.

abgeleitet wird. Danach muss die nachfolgende Ansicht ausgewählt werden, die in der Tabelle angegeben ist, und es muss gewählt werden, ob und welche Objekte ausgeblendet werden.

Für die Ansicht für das Smartphoneist schließlich keine Operation erforderlich, da alle Objekte, die nicht vollständig unsichtbar gemacht wurden, in einer vollständig linearisierten Art und Weise angezeigt werden, das heißt eins nach dem anderen.

Die erforderlichen Funktionen für die Neudefinition des Seitenlayouts und das Verhalten der Objekte bei der Aktivierung der verschiedenen Umbruchpunkte werden in der Symbolleiste organisiert, die sich über dem Gestaltungsraster (Grid) befindet:

Anordnen

Startet den Modus, der es erlaubt, die in das Gestaltungsraster (Grid) eingefügten Objekte zu ordnen.

Die in in das Gestaltungsraster eingefügten Objekte werden automatisch vom Programm geordnet: Die in der unteren rechten Ecke angezeigte Zahl gibt die Position an. Um die standardmäßig eingestellte Reihenfolge zu ändern, muss der Modus Reihenfolge aktiviert werden und auf die im Gestaltungsraster (Grid) eingefügten Objekte geklickt werden, indem die Reihenfolge beachtet wird, nach der diese entsprechend der verfügbaren Optionen linearisiert werden sollen. Wenn ein Objekt ausgewählt wird, werden alle Objekte, die nachfolgen können, mit einem roten Rahmen gekennzeichnet: Das jeweils folgende Objekts kann daher nur aus den markierten Objekten ausgewählt werden.

Klickt man ein zweites Mal auf das gerade ausgewählte Objekt, wird die Operation rückgängig gemacht und man beginnt mit der Anordnung wieder bei der vorangehenden Position.

Je nachdem, wie die Objekte auf der Seite angeordnet werden (im Hinblick auf die Anzahl der Zellen, die sie einnehmen und die Position, die sie im Vergleich zu den anderen Objekten einnehmen), kann man bei der Anordnung die Objektblöcke konfigurieren. Für die Zwecke der Struktur der Seite für die nächsten Umbruchpunkte verhält sich ein Objektblock so, als ob es sich um ein einzelnes Objekt handelte. Der Einfachheit halber werden die Objektblöcke auf dem Gestaltungsraster eingezeichnet, sobald sie erstellt werden und tragen dazu bei, die nächsten Anordnungsmöglichkeiten festzulegen.

Wenn Sie auf das kleine Dreieck klicken, das auf der Schaltfläche Anordnen kann ein Untermenü mit den folgenden Elementen anzeigt werden:

Alle Objekte von Anfang an anordnen: diese Option ist standardmäßig aktiviert und sieht vor, dass das erste Objekt, auf das geklickt wird, als erstes Objekt der Anordnung betrachtet wird. Dann wird fortgefahren, indem auf alle anderen Objekte geklickt wird.
Mit der Anordnung eines Objekts fortfahren: verlangt, das Objekt im Gestaltungsraster, von dem man für die Anordnung ausgehen will, auszuwählen. Für alle dem ausgewählten Objekt vorangehenden Objekte wird die bereits eingerichtete Anordnung bestätigt. Für alle Objekte, die dem ausgewählten folgen, muss dagegen die Anordnung direkt durch Klicken auf das jeweilige Objekt festgelegt werden.

Die Anordnung ist abgeschlossen, wenn man das letzte Objekt auf der Seite auswählt. Man kann die Anordnung auch unterbrechen, ohne alle Objekte ausgewählt zu haben. Dazu müssen Sie die Funktionen des Untermenüs verwenden:

Anordnung abschließen: die Anordnung wird beendet, die Einstellungen werden bestätigt.,
Anordnung abbrechen: die Anordnung wird beendet, die Änderungen werden annulliert und die anfängliche Anordnung wird wiederhergestellt.

Für weitere Informationen beachten Sie bitte Wie funktioniert das Verfahren der Anordnung der Objekte.

Objekt einblenden/ausblenden

Startet den Modus, in dem es möglich ist, die Objekte die im Gestaltungsraster ausgewählt wurden, entweder als nicht sichtbar einzustellen oder sichtbar zu machen.

In diesem Modus reicht es aus, auf ein Objekt zu klicken, um es nicht sichtbar zu machen: Das Objekt wird dann innerhalb des Gestaltungsrasters anderes aussehen, aber seine Position in der Anordnung beibehalten, diese bleibt unverändert.

Ein Objekt für einen bestimmten Umbruchpunkt unsichtbar zu machen, bedeutet, dass, wenn die Seite bei geringeren Auflösungen angezeigt wird, das betroffene Objekt nicht mehr angezeigt wird. In diesen Fällen werden alle anderen sichtbaren Objekte neu angeordnet, so als ob das verborgene Objekt nicht mehr vorhanden wäre.

Ein als nicht sichtbar eingerichtetes Objekt zu einem bestimmten Umbruchpunkt erscheint nicht mehr im Seitenraster für die nachfolgenden niedrigeren Umbruchpunkte.

Sobald die Auswahl der Objekte abgeschlossen ist, die für diesen Umbruchpunkt, an dem man gearbeitet hat, nicht sichtbar sind, ist es ausreichend, erneut auf die Schaltfläche zu klicken. Objekt einblenden/ausblenden um zu bestätigen und den Modus zu verlassen.  

 

 


Praktische Anwendung:

-

Einrichten einer Seite mit dem Layout-Schema

-

Erstellen einer responsiven Website