Die Bereiche des Moduls Design

Modul Design

1. Allgemeines / Layout-Eigenschaften




Wenn Sie mehrere Layouts geöffnet haben, können Sie über den Reiter am Kopf der Arbeitsfläche zwischen den Layouts wechseln. Der Eigenschaftendialog des Layouts kann mit Doppelklick auf den Reiter geöffnet werden. Die Größe der einzelnen Bereiche kann durch Ziehen mit der Maus geändert werden. Positionieren Sie dazu die Maus auf dem Rand eines Bereichs, bis das Mauszeigersymbol als Doppelpfeil angezeigt wird. Reicht der Platz für die Anzeige von Elementen in einem Bereich nicht aus, werden automatisch vertikale bzw. horizontale Scrollbalken eingeblendet. Jeder Bereich kann über das Schließen-Symbol neben seinem Titel geschlossen werden. Über das Hauptmenü Ansicht können Bereiche ein- bzw. ausgeblendet werden. Wenn ein Bereich in einem eigenen Fenster eingeblendet wird, können Sie ihn wieder rechts oder links von der Arbeitsfläche verankern, indem Sie ihn mit der Maus an seinem Titel auf die gewünschte Position ziehen. Ist ein Eintrag in der Historie angelegt, wird neben dem Namen des Layouts auch die ID des Eintrags auf dem Reiter angezeigt.

2. Layout

2.1. Struktur




Wenn Sie ein Element in der Struktur selektieren, werden seine Einstellungen im Bereich Element-Einstellungen angezeigt. Sie können dort bearbeitet werden. Der Eigenschaftendialog eines Elements kann hier mit einem Doppelklick auf das Element geöffnet werden. Layout-Elemente können, wenn die Layoutstruktur es zulässt, per Drag & Drop im Layout-Baum verschoben werden, um die Anordnung zu ändern.

2.2. Kontroll-Elemente




Klicken Sie hier auf Kontroll-Elemente. Folgende Einstellungen können bearbeitet werden: Wenn Sie hier etwas auswählen, werden die Eigenschaften im Bereich Element-Einstellungen geladen. Die Kontroll-Elemente sind nach Typen geordnet, wie z.B. Eingabeelemente oder Schaltflächen.

3. Elemente




Alle Informationen zu diesem Thema finden Sie hier.

4. Snapshots




Mit Snapshots wird das aktuelle Layout in festgelegten Zeitabständen zwischengespeichert. Ein Klick auf einen der Snapshots stellt den Zustand des Layouts zu diesem Zeitpunkt wieder her.

Neuen Snapshot erstellen
Öffnet ein Untermenü, über das ein neuer Snapshot erstellt werden kann. Das Untermenü Neuen Snapshot mit Kommentar erstellen öffnet einen Dialog, in dem der neue Snapshot kommentiert werden kann. Der Kommentar wird im Snapshot-Bereich unter dem Datum, and dem der Snapshot erzeugt wurde, angezeigt.

Selektierten Snapshot öffnen
Lädt den ausgewählten Snapshot.

Einstellungen
Öffnet einen Dialog, in dem die maximale Anzahl der erstellten Snapshots und der zeitliche Abstand für die automatische Erstellung festgelegt werden können.

5. Suche




Hier können Sie nach dem Titel eines Elementes, einem CSS-Selektor oder mit der Auswahl "CSS" nach Eigenschaften im CSS suchen.

Suchfeld

Tragen Sie hier einen Suchbegriff ein.

Auswahlliste

Hier stehen unterschiedliche Funktionen für die Suche zur Verfügung. Suchen
Löst die Suche aus. Treffer werden unterhalb des Suchfeldes ausgegeben und markieren bei Klick das entsprechende Element in der Layout-Struktur.

Suchverlauf
Öffnet ein Fenster mit einer Liste der zuletzt ausgeführten Suchaktionen. Klicken Sie auf eine Suchaktion in der Liste, um sie zu wiederholen.

6. Arbeitsfläche




Auf der Arbeitsfläche, die Sie im mittleren Bereich sehen, sehen Sie eine Vorschau des Layouts.

7. Element-Einstellungen




Hier finden Sie die beiden Schaltflächen Stile und Optionen, mit denen Sie zwischen den CSS-Eigenschaften (Stile) der Elemente und den optionalen Einstellungen (wie z.B. Titel, Größe etc.) wechseln können.

Stile

Alle Informationen zu diesem Bereich finden Sie hier.

Optionen

Alle Informationen zu diesem Bereich finden Sie hier.

8. Historie




Alle Informationen zu diesem Bereich finden Sie hier.