ProdukteStyleVisionProgrammier-ToolsCSS

Altova StyleVision® 2012 bietet Unterstützung für CSS-Stile - u.a. auch CSS3 (Internet Explorer® 9 erforderlich). Mit Hilfe dieser Funktionen lassen sich auf XML-, XBRL- und Datenbank-Quelldaten basierende umfangreiche Webseiten über eine intuitive Design-Oberfläche erstellen.

Unterstützung für CSS

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.

	Flash Demo 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.

Dynamische Auswahl von CSS-Dateien

StyleVision unterstützt die Verwendung mehrerer CSS-Dateien in einem einzigen Design. Mit Hilfe von XPath können Sie einzelne CSS-Dateien für die Ausgabe in HTML und elektronischen Authentic-Formularen auswählen. Dank dieser Funktion hat der StyleVision Designer nun noch mehr Kontrolle darüber, wie Inhalte dargestellt werden, indem er den gewählten CSS-Stil von der Eingabe des Endbenutzers oder anderen Parametern abhängig macht.

Der XPath-Ausdruck wird zu Beginn der Ausgabeverarbeitung ausgewertet, wodurch festgelegt wird, wie das gesamte Dokument dargestellt werden soll - der Designer kann einen einzigen CSS-Stil oder alle mit dem Design verknüpften CSS-Dateien auswählen.

Um eine CSS-Datei auf Basis von dynamischem Input auszuwählen, klicken Sie mit der rechten Maustaste in der Design-Übersicht im Bereich CSS-Dateien auf eine der CSS-Dateien und wählen Sie den Befehl "Eine einzige CSS-Datei mittels XPath auswählen".

Dadurch wird das Dialogfeld "Eine einzige CSS-Datei mittels XPath auswählen" aufgerufen.

Klicken Sie auf die Schaltfläche "XPath", um das Dialogfeld "XPath-Ausdruck" aufzurufen und geben Sie die Bedingungen an, unter denen die ausgewählte CSS-Datei angewendet werden soll.

Kombistile

Sie haben in StyleVision die Möglichkeit mehrere Stilfunktionen über ein einziges Attribut zuweisen zu können, ganz einfach indem Sie eine Kombistil zuweisen. Schriftgröße, Farbe, Ausrichtung und Hintergrundfarbe sind nur einige der Stileigenschaften, die mit einem Kombistil gleichzeitig zugewiesen werden können. Kombistile können ganz einfach zugewiesen und auf alle Ausgabeformate angewendet werden (d.h. HTML, PDF, RTF, Word und elektronische Authentic-Formulare).

Kombistile können in einem XML-Schema definiert oder on-the-fly mit Hilfe eines XPath-Ausdrucks erstellt werden.

In einem XML-Schema werden Kombistile in Form von Attributen erstellt. So sind z.B. in der nachstehenden XML-Datei im Attribut "total" des Elements "numbers" zwei Stileigenschaften deklariert (die Ausrichtung und die Schriftfarbe).

<numbers total="text-align: center; color: blue">

Dieses Attribut des Elements "numbers" kann nun in einem StyleVision Design ausgewählt werden.

Alternativ dazu können Kombistile auch von einem internen oder externen CSS Stylesheet aus referenziert werden.

Kombistile können auch mit Hilfe von XPath erstellt werden, wodurch Sie festlegen können, wie Design-Elemente auf Basis von Benutzer-Eingaben oder anderen Parametern dargestellt werden sollen. Klicken Sie in der Seitenleiste "Eigenschaften" beim Attribut "Kombistil" einfach auf die Schaltfläche "XPath", um das Dialogfeld "XPath" aufzurufen.

Geben Sie anschließend die Stilbefehle in das Dialogfeld ein.

Mit Hilfe von Kombistilen lässt sich die Darstellung von Inhalten besser und flexibler steuern, da Sie dadurch raffiniertere und interaktive Ausgabedateien entwickeln können.

Sehen Sie selbst, wie Sie dank CSS-Unterstützung bessere Stylesheets in StyleVision® 2012 erstellen können und Ihre XML- und Datenbankdaten schnell und einfach in Form von ansprechenden Webseiten präsentieren können. Downloaden Sie eine kostenlose 30-Tage-Testversion von StyleVision.