Screen Design

Der mittlere Teil des Editors wird von uns als Screen Design Bereich bezeichnet und zeigt den aktuellen Stand der Screen Gestaltung.

Der Screen Design Bereich verfügt über eine WYSIWYG-Eigenschaft. Das bedeutet, dass markierte Elemente und Elementgruppen mit einem Rahmen gekennzeichnet und Bearbeitungen in Echtzeit dargestellt werden.

Bitte beachten Sie:
Elemente, die mit einer XML-Datei verbunden sind, werden im Screen Design Bereich nur durch einen Platzhalter vertreten. Ihre Bearbeitung muss über die XML-Datei erfolgen.

THEMENÜBERSICHT

		KONTEXTMENÜS
		DIE FUNKTIONEN DER KONTEXTMENÜS IM ÜBERBLICK
		SCREENELEMENTE GRUPPIEREN
		MASKIEREN UND AUSSCHNEIDEN
		IN PSEUDO 3D KONVERTIEREN
		MEHRFACH DUPLIZIEREN

KONTEXTMENÜS

Der Rechtsklick auf ein markiertes Element öffnet ein Kontextmenü mit Schnellfunktionen. Der Umfang des Kontextmenüs ist abhängig von der Art des Elements.

In der nachfolgenden Liste erhalten Sie einen Überblick über alle Schnellfunktionen des Kontextmenüs.

DIE FUNKTIONEN DER KONTEXTMENÜS IM ÜBERBLICK

		Media Info Medien wie Bilder, Videos und GIF-Animationen enthalten Metadaten, die über Media Info in einem Overlay-Fenster angezeigt werden.
		Media hochladen Öffnet den Explorer zum Austausch von Medien
		In Bild umwandeln Wandelt markierte Elemente wie Formen, Textfelder, QR-Codes und Gruppen in ein Bildelement um
		Bild aus Kopie erstellen Die ausgewählten Elemente (Formen, Textfelder, QR-Codes, Gruppen) werden kopiert und als Bildelement in den Screen eingefügt
		Media ersetzen Ein Overlay-Fenster verbindet Sie mit dem → Medienpool und ermöglicht den einfachen Medientausch
		In Media-Container umwandeln (SVG-Formen und Formen) Wandelt ein Formelement in einen Media-Container um. Anschließend kann der Media-Container mit einem Medium befüllt werden.
		Originalgröße Das markierte Media (Bild, Vektorgrafik) wird in seiner Ursprungsgröße dargestellt
		Bild automatisch zuschneiden Das markierte Bildelement wird auf die im Screen eingestellten Größe zugeschnitten
		Unsichtbare Bereiche entfernen Bildbereiche, die sich außerhalb des Screen Design Bereichs befinden, werden hierdurch abgeschnitten
		Versatz und Skalierung Mit Hilfe dieser Funktion können Sie einen Website-Ausschnitt festlegen
		In Pseudo-3D konvertieren Ermöglicht die perspektivische Anpassung der Medienelemente Bild, Video, GIF-Animation und Vektorgrafik, siehe → Abschnitt PSEUDO 3D
		Vorschaubild erstellen (Video) Das markierte Videoelement wird kopiert und als Bildelement in den Screen eingefügt
		In Medienpool speichern Fügt markierte Medien dem Medienpool-Bereich Meine Medien hinzu
		In Bibliothek kopieren Über diese Funktion können Sie markierte Elemente und Elementgruppen in Ihrer Bibliothek ablegen und für weitere Projekte verfügbar machen, siehe Kapitel → Seiteninformation und Elemente
		Bearbeiten (Bild, Vektor, SVG-Datei) Zur Bearbeitung eines Bildelements öffnet diese Funktion ein Bildbearbeitungsfenster, siehe Kapitel → Bildbearbeitung
		Externen Inhalt bearbeiten Ist das markierte Element mit einer XML-Datei verbunden, wird die verknüpfte XML-Datei im XML Editor geöffnet. Hier können die Inhalte bearbeitet werden.
		Tabelle bearbeiten Zur Bearbeitung von Tabellen öffnet diese Funktion ein Bearbeitungsfenste, siehe Kapitel → Tabellen
		Tabelle in Gruppe umwandeln Wandelt eine Tabelle in eine bearbeitbare Gruppe um
		Elemente gruppieren Diese Funktion nutzen Sie, um mehrere markierte Elemente zu einer Gruppe zu verbinden, siehe Abschnitt → SCREENELEMENTE GRUPPIEREN
		Gruppe bearbeiten Nutzen Sie diese Funktion um einzelne Elemente einer Gruppe markieren und bearbeiten zu können
		Gruppierung entfernen Mit dieser Funktion lösen Sie die Gruppierung mehrerer Elemente wieder auf.   Bitte beachten Sie: Die Animationseffekte der einzelnen Elemente bleiben dabei erhalten. Der Gruppe hinterlegte Animationseffekte werden dabei gelöscht.
		Text einpassen Über diese Funktion wird der Text in einem Textfeld an die Textfeldgröße angepasst, siehe auch Kapitel → XML bearbeiten und verwalten
		Datum / Uhrzeit einfügen Der ausgewählte Textfeldinhalt wird durch Kalenderdaten oder Zeiten ersetzt. Zur Auswahl des neuen Inhalts öffnet ein Overlay-Fenster mit Optionen.
		Seitenanzahl einfügen Der ausgewählte Textfeldinhalt wird durch eine Seitenzahloption ersetzt. Zur Auswahl des neuen Inhalts öffnet ein Overlay-Fenster mit Optionen
		Countdown einfügen Der ausgewählte Textfeldinhalt wird durch einen Countdown oder Countup ersetzt. Dieser lässt sich über ein Overlay-Fenster genau definieren.
		Counter einfügen Der ausgewählte Textfeldinhalt wird durch eine Zählerfunktion ersetzt. Beispielsweise lassen sich so Besucherzahlen visuell darstellen. Die Counter-Eigenschaften werden im Overlay-Fenster definiert.
		Stoppuhr einfügen Der ausgewählte Textfeldinhalt wird durch eine Stoppuhr ersetzt. Die Eigenschaften der Stoppuhr werden über das Overlay-Fenster eingestellt.
		Fett Der ausgewählte Textfeldinhalt wird auf einen fetten Schriftschnitt gestellt. Betätigen Sie die Funktion erneut, um den ursprünglichen Schriftschnitt wiederherzustellen. Hinweis: Einige Schriftarten unterstützen diese Funktion nicht.
		Kursiv Der ausgewählte Textfeldinhalt wird auf einen kursiven Schriftschnitt gestellt. Betätigen Sie die Funktion erneut, um den ursprünglichen Schriftschnitt wiederherzustellen.
		Unterstrichen Der ausgewählte Textfeldinhalt wird bei der: - ersten Anwendung der Funktion unterstrichen - zweiten Anwendung durchgestrichen - dritten Anwendung erscheint der Strich oberhalb des Textes - vierten Anwendung die ursprüngliche Ansicht wiederhergestellt
		In Großschreibung konvertieren Der ausgewählte Textfeldinhalt wird in Großbuchstaben umgewandelt
		In Kleinschreibung konvertieren Der ausgewählte Textfeldinhalt wird in Kleinbuchstaben umgewandelt
		Hochgestellt Der ausgewählte Textfeldinhalt wird verkleinert hochgestellt dargestellt. Betätigen Sie die Funktion erneut, um den ursprünglichen Zustand wiederherzustellen.
		Tiefgestellt Der ausgewählte Textfeldinhalt wird verkleinert tiefgestellt dargestellt. Betätigen Sie die Funktion erneut, um den ursprünglichen Zustand wiederherzustellen.
		Kopieren Kopiert einen ausgewählten Textfeldinhalt
		Einfügen Fügt einem Textfeld kopierte Textinhalte hinzu
		Animationseffekte kopieren Kopiert die Animationseffekte von Elementen und Gruppen
		Animationseffekte einfügen Fügt dem ausgewählten Element oder einer Gruppe von Elementen den kopierten Animationseffekt hinzu
		Duplizieren Erstellt eine Kopie des ausgewählten Elements oder der Elementgruppe und fügt diese direkt ein
		Mehrfach duplizieren Erstellt Mehrfachkopien vom ausgewählten Element oder einer Elementgruppe und fügt diese ein. Über das Overlay-Fenster werden die Kopien definiert, siehe Abschnitt → MEHRFACH DUPLIZIEREN
		Löschen Entfernt die markierten Elemente aus dem Screen

SCREENELEMENTE GRUPPIEREN

Bei einigen Bearbeitungen wie zum Beispiel ein gleichzeitiges Verschieben von mehreren Elementen im Screen ist es sinnvoll, diese Elemente zu einer Gruppe zusammenzufassen.

Um Klickereignisse oder Animationseffekte auf mehrere Elemente gleichzeitig anzuwenden ist das Gruppieren von Elementen nötig.

So gehen Sie vor:

MASKIEREN UND AUSSCHNEIDEN

Beim Maskieren wird ein Medienelement (Bilder, Videos, GIF-Animationen) in ein Formelement eingefügt. Dabei werden beide Elemente automatisch gruppiert.

Über Rechtsklick → Kontextmenü → Gruppe bearbeiten können Sie beide Elemente auch nach der Maskierung anpassen.

Beim Ausschneiden schneidet ein Formelement ein Bildelement zu. Dabei entstehen zwei Bildteile. 

So gehen Sie vor:

IN PSEUDO 3D KONVERTIEREN

Mit dieser Funktion können Sie Bilder, Videos und Vektoren perspektivisch anpassen.

So gehen Sie vor:

MEHRFACH DUPLIZIEREN

Diese Funktion erstellt Mehrfachkopien vom ausgewählten Element oder einer ausgewählten Elementgruppe. Über das Overlay-Fenster definieren Sie das gewünschte Resultat.

So gehen Sie vor: