Die wichtigsten IVML Elemente in Kürze

IVML erlaubt das Formatieren von Text und Einfügen von Bildern. Aus IVML wird beim Publizieren HTML generiert. IVML generiert auch automatische Klassennamen, womit StyleSheets leicht ausgewechselt werden können, da dieselben Elemente immer die gleiche Klasse haben. Ferner werden IVML-Elemente immer korrekt in HTML übersetzt, wodurch die publizieren Webseiten nachher auch immer W3C-Konform sind.

Die Darstellung von IVML-Elementen ist abhängig vom StyleSheet. Durch Auswahl eines anderen StyleSheets kann die Darstellung völlig verändert werden.

Hier sind einige Beispiele mit dem für diese Webseiten zugrunde liegenden StyleSheet. Zuerst ist jeweils der Syntax gezeigt, anschliessend die Auswirkung. Testen Sie diese Beispiele selbst mit Ihrem StyleSheet indem Sie einfach den Syntax kopieren!

<|H1|>Titel

Titel

<|H1|>Dies ist ein Titel mit Grösse 1

Dies ist ein Titel mit Grösse 1

<|H2|>Dies ist ein Titel mit Grösse 2

Dies ist ein Titel mit Grösse 2

<|H3|>Dies ist ein Titel mit Grösse 3

Dies ist ein Titel mit Grösse 3

<|H4|>Dies ist ein Titel mit Grösse 4

Dies ist ein Titel mit Grösse 4

Einfache Liste (Aufzählungszeichen)

<|BULLETS|>
Dieser Text
wird mit
Bullets dargestellt
<|/BULLETS|>

Dieser Text
wird mit
Bullets dargestellt

Nummerierte Liste

<|STEPS|>
Und dieser
Text als
nummerierte Liste
<|/STEPS|>

Und dieser
Text als
nummerierte Liste

Hyperlink

Tabellen

<|TABLE COL:3 CONTEM HEADING|>
Erste Spalte
Zweite Spalte
Dritte Spalte

Dies ist eine Tabelle mit 3 Spalten
im Format: CONTEM (ähnlich Word-Formatierung)
die erste Zeile ist ein Header

Leere Zeilen im Text
werden ignoriert.
will man trotzdem ein leeres Feld haben

dann macht man dies so:
|-
also mit einem: |- (Zeilenumbruch)

<|c|>
Dies
ist eine
zusammengehörende Zelle
auch wenn der Text auf mehreren Zeilen
geschrieben ist
<|/c|>
|-
|-
<|/TABLE|>

Erste Spalte	Zweite Spalte	Dritte Spalte
Dies ist eine Tabelle mit 3 Spalten	im Format: CONTEM (ähnlich Word-Formatierung)	die erste Zeile ist ein Header
Leere Zeilen im Text	werden ignoriert.	will man trotzdem ein leeres Feld haben
dann macht man dies so:		also mit einem: \|- (Zeilenumbruch)
Dies ist eine zusammengehörende Zelle auch wenn der Text auf mehreren Zeilen geschrieben ist

Die Spalten können auch mittels Tabulator-Zeichen getrennt werden. Dies erlaubt z.B. das Kopieren von Daten aus Microsoft Excel (Anzahl Spalten muss korrekt angegeben werden).

Farbiger Block

<|PAD COLOR LBL|>
Dies ist eine Textbox mit hellblauem Hintergrund. Der Hintergrund kann auch Hellgrau sein, die Farbe wird dann mit"LGR"anstelle von"LBL"angeschrieben.
<|/PAD|>

Dies ist eine Textbox mit hellblauem Hintergrund. Der Hintergrund kann auch Hellgrau sein, die Farbe wird dann mit"LGR"anstelle von"LBL"angeschrieben.

Horizontale Linie

<|--------------------------------|>
Dies erzeugt eine rote Linie quer über die Webseite. Mindestens 3 Bindestriche (-) müssen vorhanden sein.

Derselbe Effekt kann erzeugt werden mittels eines HTML-Makros:
<|HTML|><hr style='color:red'><|/HTML|>

Seitenumbruch

<|P|>
Wenn man diese Webseite ausdruckt, dann kommt diese Zeile hier auf eine neue Seite

Bilder

Mit ||"$ivp/MeinBild.JPG" wird ein Bild eingefügt:

Einfach || vor den Pfad für die Bilddatei setzen und das ganze in Anführungs/Schlusszeichen setzen - damit können auch Bilder angegeben werden, welche Leerzeichen im Namen haben.

$ivp (wobei ivp = IntuVision Path) ist eine relative Pfadangabe und bedeutet, dass die Bilder in demjenigen Bildverzeichnis abgelegt sind, welches zu diesem WebInfo ID gehört. Mit dieser Angabe sind die Pfadangaben transportabel und können kopiert werden von einem Eintrag zum anderen sofern die Bilder ebenfalls kopiert werden.

Das Bildverzeichnis kann geöffnet werden durch Doppelklicken auf die ID-Nummer (im gezeigten Beispiel auf die Zahl 534), oder via Menü "Dokumente"

$ivp/1 bedeutet, dass die Bilder im Unterverzeichnis \1 zum Bildverzeichnis abgelegt sind.

Bilder-Galerie

Mittels PICTURES können auch automatisch alle Bilder eines Verzeichnises (hier Unterverzeichnis 1 von dem der Webseite zugehörigen Dokumentenverzeichnis) eingefügt werden. Dies erlaubt, mehrere Gruppen von Bildern auf einer Webseite zu publizieren.

<|PICTURES COL:3 WIDTH:420 $ivp/1|>

Wenn man in der Webseite auf ein Bild klickt, dann wird ein Bild in höherer Qualität gezeigt.

Wird für die Seitengestaltung <|PAGESTYLE IMGADJUST|> definiert, dann werden die Bilder automatisch angepasst. Wenn keine Breite (WIDTH) angegeben wird, dann passen sie sich der Breite der Webseite an. Die Bilder werden beim Publizieren automatisch in zwei Versionen publiziert, als grösseres Bild und als Thumbnail, wobei das Thumbnail auf die in der Webseite dargestellte Grösse optimiert ist. Die Bildgrösse vom vergrösserten Bild wird einmalig eingestellt für den WebTracker unter System Optionen -> Fotogalerlie im Hauptformular.

Vordefinierte Symbole

Vorgegebene Elemente erleichtern das Erstellen von technischen Dokumenten, welche normalerweise mit speziellen Hinweisen versehen werden müssen. Es handelt sich dabei um einen Text mit einem vorgegebenen Icon. Die Icons können ausgewechselt werden und auf Ihre Bedürfnisse zugeschnitten werden.

Beispiel:

<|NOTE|>
Das ist eine Notiz
<|/NOTE|>

Das ist eine Notiz