Wichtiger Hinweis...

Zur Gestaltung unserer Webseite verwenden wir Cookies.

Durch die weitere Nutzung der Webseite stimme Ich der Verwendung von Cookies und der Datenschutzerklärung zu diesen Seiten zu.

Weitere Informationen zu Cookies und den von uns verwendeten Cookies finden Sie in unserer Datenschutzerklärung.

Kalender Termine
Juli 2019
MoDiMiDoFrSaSo
1234567
891011121314
15161718192021
22232425262728
293031

WEB-Design

VISILOG Einstellungen...
Beispiele für ein anderes optisches Design

Standard  (1)  (2)  (3)  (4)  (5)  (6)  (7)  (8)  (9)

VISILOG Version 19.7 - VISILOG Demo
Hinweis: Die Funktion Design ist in der Version 3 noch nicht freigegeben.

Beim Design einer Web-Seite, die mit einem Standard-Browser benutzt werden soll sind zwei Designs zu berücksichtigen. Das Funktionsdesign und das optische Design.

1. Funktionsdesign
Das Funktionsdesign bestimmt was ich mit der Webseite machen will. Das kann eine reine Informationsseite sein, ein Shop, ein Blog oder eben auch eine Bedienoberfläche für eine Maschine oder zur Überwachung meiner Haustechnik. Die Funktionen die hierfür benötigt werden, werden mit der textbasierten Auszeichnungssprache HTML (Hypertext Markup Language) dargestellt. Der Browser baut damit ein Bild auf dem Bildschirm auf.  HTML dient dazu Texte, Bilder Bedienelemente zu beschreiben und zu strukturieren, nicht aber zu formatieren.

VISILOG verwendet für das Funkionsdesin eine Standerdvorlage mit den Hauptelementen Kopfzeile, Menüzeile, Content und Fußzeile. Über den Funktinsbaustein [div ...] können beliebige weitere HTML-DIV-Container in jedes der Hauptelementen gesetzt werden. VISILOG selbst erzeugt HTML-Strukturen, die aus den VISILOG-Funktionsbausteinen abgeleitet und erstellt werden.

Das Funktionsdesign kann nur von Benutzern mit Master-Rechten eingestellt werden.


2. Optische Design
Das optische Design der HTML-Elemente wird durch die Gestaltungsvorgaben  des CSS (Cascading Style Sheets) bestimmt. Mit CSS werden die durch HTML beschrieben Elemente (Texte, Bilder, Eingabeelemente etc. ) in Form und Position gesetzt. Die CSS-Beschreibungen sind textbasiert und sind in der Regel in speraten Dateien mit der Extension.css hinterlegt.  Mit VISILOG-Funktionen können aber auch CSS-Element dirket in den HTML-Code über die Eigenschaft style="......" geschrieben werden wenn dies erforderlich ist. Z.B. ein gleiches Bild an verschiedenen Positionen zu plazieren. Ist keine Datei zur CSS-Datei hinterlegt, wird nur die Datei  standard.css verwendet.

Die CSS-Grundeinstellungen sind in der Datei standard.css festgeschrieben und sollten hier auch nicht geändert werden, da bei einem VISILOG-Update diese CSS-Dateien überschrieben werden.  Über die Funktion [css ....] kann eine Erweitungs CSS-Datei eingebunden werden mit der alle vorrangegangenen Einstellungen verändert werden können.

[css file:visilog.css, responsive:yes,print:yes,mobil:yes, browser:yes]

Um verschieden Designvarianten zu haben, kann der Dateiname über die URL-Erweiterung &design=Name modifiziert werden. Der Name wird  in einem Cookie gespeichert und gilt für alle Seiten. Der Name kann mit &design=clr gelöscht werden. 

z.B. file:visilog_Name.css

Ebenso kann der CSS-Dateiname über die Funktion [design code:Name] nach gleichem Schema modifiziert werden. Diese Einstellung gilt nur für die aktuelle Seite. 

Die Designvarianten für das optische können mit dem VISILOG-Texteditor für Redakteure über die Funktion Edit CSS online bearbeitet werden.

Mit der Funktion [div name:Containername] können weitere DIV-Container in die Standard-Container gesetzte werden. Diese können dann über die CSS-Eigenschaften gestaltet werden. Über die Eigenschaft divname:Containername können die Funktionen jeweils einem Container zugeordnet werden. Ist kein Containername angegeben, wird die Funktion jeweils in die Standardcontainer für  Kopfzeile, Menü, Content oder Fußzeile ausgeführt. Im Standard-Content ist die Webseite zweispaltig mir linksseitigem Menü angelegt.

Beispiel: Dreispaltiger Content...


22.07.2019 - 22:42:48
Diese Seite wurde 32538 mal aufgerufen.
Online VISILOG: 2  Heute: 29  Gestern: 23  Monat: 809  Jahr: 3109