ProdukteStyleVisionCSS und JavaScript

Altova StyleVision® 2008 unterstützt CSS Stile, JavaScript-Funktionen und einen JavaScript Editor. Mit Hilfe dieser Funktionen lassen sich auf XML- und Datenbank-Quelldaten basierende umfangreiche Webseiten visuell erstellen.

CSS-Stile

StyleVision bietet komplette Unterstützung für CSS (Cascading Stylesheets), eine Stylesheet-Sprache zum Hinzufügen von Stilen und Layout zu HTML-Dokumenten. CSS bietet eine ganze Reihe von Vorteilen, wie unter anderem visuelle Funktionen zum Erstellen von Stilen, Kompatibilität mit mehreren Browsern, die Möglichkeit, Änderungen vorzunehmen, die sich gleichzeitig auf mehrere Elemente auswirken und vieles mehr.

StyleVision bietet integrierte CSS Stilregeln, die global oder auf einzelne Elemente angewendet werden können. Sie können auch externe CSS-Dokumente importieren, um ältere Daten nutzen zu können. Im StyleVision-Fenster "Stil Repository" stehen globale und importierte CSS-Regeln zur Verfügung. Sie können darin Werte für Stile bearbeiten - entweder durch direkte Eingabe oder Auswahl aus Dropdown-Menüs und Eingabehilfe-Dialogfeldern.

 CSS / JavaScript Flash Demo jetzt anzeigen

Wenn Stile lokal definiert werden, werden die Stilregeln direkt auf die in Ihrem Design ausgewählte Komponente angewendet. Diese lokalen Regeln haben Vorrang vor globalen Stilregeln und Stilregeln in externen CSS Stylesheets, die auf diese Komponente angewendet werden.

Über das Eingabehilfefenster "Stile" lassen sich jederzeit lokale Stile definieren - entweder durch direkte Eingabe der Werte oder durch Auswahl der Werte aus Dropdown-Menüs und Eingabehilfe-Dialogfeldern. Wählen Sie einfach die gewünschte Komponente im Design-Fenster oder im Fenster Design-Struktur aus. Im Fenster "Stile"sehen Sie die verfügbaren Optionen für dieses Element sowie die dazugehörigen Komponententypen. Wenn z.B. ein ausgewähltes Element Teil einer Tabelle ist, so werden die Tabelle und die dazugehörigen Komponenten unterhalb des ausgewählten Elements aufgelistet. Auf diese Art können Sie Stile für eine einzige Komponente oder für alle Instanzen dieses Komponententyps in einer Ansicht definieren.

Schreiben und Anwenden von JavaScript-Funktionen

JavaScript ist eine Skriptsprache, mit deren Hilfe interaktive Funktionen zu HTML-Webseiten hinzugefügt werden. JavaScript-Code kann in HTML-Seiten eingefügt werden, um z.B. zu ermitteln, welcher Browser zur Anzeige der Seite verwendet wird, um das Aussehen einer Seite zu ändern (z.B. ein Bild zu ändern, wenn man die Maus darüber positioniert), Cookies auf dem Rechner des Benutzers abzulegen und abzurufen, um Formulardaten zu validieren und für vieles mehr.

StyleVision bietet komplette Unterstützung für JavaScript-Funktionen und hat sogar einen integrierten JavaScript-Editor zum Definieren von Funktionen, die in Ihrem Design verwendeten werden. Der JavaScript Editor, der über das Design-Register aufgerufen werden kann, bietet nützliche Bearbeitungsfunktionen wie z.B. Zeilennummerierung, Syntaxfärbung und Klappleiste, um das Definieren und Strukturieren von JavaScript-Befehlen so einfach wie möglich zu gestalten.

Alle mit dem JavaScript Editor definierten JavaScript-Funktionen werden im Design-Struktur-Fenster unter Scripts aufgelistet. Über das Register Event im Fenster Eigenschaften können Sie Design-Komponenten einzelne Funktionen zuweisen.

Dank der Unterstützung für JavaScript können Sie in StyleVision robustere HTML-Designs in StyleVision erstellen. Diese Funktionen und die CSS-Unterstützung machen StyleVision zu einem unentbehrlichen Tool für jeden guten Web-Entwickler.

Sehen Sie selbst, wie Sie dank CSS- und JavaScript-Unterstützung bessere Stylesheets in StyleVision® 2008 erstellen können und Ihre XML- und Datenbankdaten schnell und einfach in Form von ansprechenden Webseiten präsentieren können.