Die Design-Ansicht zeigt eine Liste der SiteStyles, die für die aktuelle Site zur Verfügung stehen sowie auch die verwendeten Grafik- und Textelemente des ausgewählten SiteStyles. Wenn Sie NetObjects Fusion zum ersten Mal starten, wird Ihnen eine Liste mit Standardquellen für SiteStyles angezeigt.
Aktive SiteStyles. Diese SiteStyles sind mit einer bestimmten .nod-Datei verknüpft. Aktive SiteStyles werden dem Ordner \NetObjects Fusion\User Sites\Styles hinzugefügt. Wenn Sie Ihre Website als Vorlage exportieren, werden nur die aktiven Styles mit exportiert.
Es sollten immer nur die Styles aktiv sein, die gerade verwendet werden.
Lokale SiteStyles.Dies sind die in NetObjects Fusion verfügbaren SiteStyles. Lokale SiteStyles gehören zu keiner bestimmten .nod-Datei und können jederzeit aktiviert werden. Die Liste „Lokale SiteStyles" zeigt die im Ordner NetObjects Fusion\Styles befindlichen SiteStyles an, die für alle .nod-Dateien zur Verfügung stehen.
Lokale SiteStyles in NetObjects Fusion 12 enthalten neben den dynamischen SiteStyles früherer Versionen eine Auswahl neuer, aufregender SiteStyles.
Online SiteStyles Diese SiteStyles befinden sich auf einem Web-Server. Online SiteStyles werden im XML-Format erstellt und stehen allen Benutzern von NetObjects Fusion zur Verfügung. Andere SiteStyle-Designer können Online-Repositories erstellen, die als SiteStyles-Server benutzt werden können und der NetObjects-Gemeinschaft zur Verfügung stehen.
Sie müssen mit dem Internet verbunden sein, um einen Online SiteStyle festzulegen oder zu aktivieren.
CSS Lib. Dies sind vordefinierte Stylesheets, die auf jeden SiteStyle angewendet und an Ihr Site-Design angepasst werden können.
Classic SiteStyles. Dies ist eine Sammlung von SiteStyles früherer Versionen, die Sie herunterladen und für Ihr Site-Design verwenden können.
Warnung: Wenn Sie einen aktiven SiteStyle oder einen lokalen SiteStyle entfernen, wird er unwiderruflich entfernt. Weitere Informationen hierzu finden Sie unter Entfernen von SiteStyles.
Klicken Sie auf die Registerkarte „Grafik", um die Grafik und die Textelemente des ausgewählten SiteStyle aufzurufen. Klicken Sie auf die Registerkarte „Selektoren", um die CSS-Regeln zum ausgewählten SiteStyle im Styles-Explorer aufzurufen. Klicken Sie auf die Registerkarte „CSS-Code", um den Code für die im Styles-Explorer markierte CSS-Datei einzusehen.
Klicken Sie auf die Registerkarte „Vorschau", um die SiteStyle-Elemente so anzuzeigen, wie sie in einem Browser angezeigt würden.
Der Styles-Explorer zeigt die Styles aus NetObjects Fusion Styles und die mit der geöffneten Site verbundenen externen CSS-Dateien an.
Jedes SiteStyle in NetObjects Fusion enthält 3 Kategorien im Styles-Explorer:
Banner
Navigationsleisten
Tabellen
In jedem dieser Ordner werden die Namen der Elemente in dieser Kategorie angezeigt.
Jeder SiteStyle von NetObjects Fusion besteht aus Grafik- und Formatsvorlageelementen.
Auf der Registerkarte Grafik sehen Sie Beispiele für Folgendes:
· Banner. Ein Bild, das Text und Farbe des Banners zeigt.
· Flash-Banner. Ein Flash-Objekt, das den Bannertext und die Farbe mit angehängter Flash-Datei trägt.
· Primäre Navigationsleiste. Bilder vom Erscheinungsbild und Verhalten der Navigationsschaltflächen in der primären Navigationsleiste.
· Sekundär-Navigationsleiste. Bilder vom Erscheinungsbild und Verhalten der Navigationsschaltflächen in der sekundären Navigationsleiste.
· Flash-Schaltflächensatz, Navigationsleiste. Flash-Navigationsschaltflächen, wie sie in der Flash-Navigationsleiste angezeigt und sich verhalten würden.
· Primäre Schaltflächen. Design der primären Schaltflächen in den Zuständen Standard, Hervorgehoben, Standard-Rollover und Hervorgehobenes Rollover.
· Sekundäre Schaltflächen. Design der sekundären Schaltflächen in den Zuständen Standard, Hervorgehoben, Standard-Rollover und Hervorgehobenes Rollover.
· Flash-Schaltflächen. Das Design der Flash-Schaltflächen.
· Tabellenformat. Vorschau der mittleren und Randbereiche der Tabelle, so wie sie in der Seiten-Ansicht angezeigt werden.
· Datenlisten-Symbole. Aufzählungszeichen, das angezeigt wird, wenn Sie mit Hilfe eines Datenobjekts eine Datenliste erstellen.
· Seitenhintergrund. Farbe bzw. Bild, die/das als Hintergrund der Seite verwendet wird.
· Weitere Seitenelemente. Bilder weiterer Seitenelemente, die in den Effekt-Stilen verwendet werden.
· SiteStyle-Linie. Bilder für Zeilen, die mit SiteStyle platziert werden.
· Haupttext. Die Formatvorlage des Haupttextes (BODY), der die Formatvorlage der gesamten Site bestimmt. Der Hintergrund des Haupttextes entspricht dem Hintergrund, der auf der Registerkarte Grafik als Hintergrund angezeigt wird.
· Normal(P) Formatvorlage für Standard-Absätze.
· Textobjekt. Format für Text, den Sie in Textobjekte eingeben.
· Text der Navigationsleiste. Formatvorlage für Text-Navigationsleisten.
· Link. Formatvorlage und Textfarbe von Links. Änderungen der Formatvorlage wirken sich auf Formatvorlage für die Text-Navigationsleiste aus.
· Ungeordnete Liste. Bild und Formatvorlage für Aufzählungslisten.
· Geordnete Liste. Nummerierung und Formatvorlage für Nummerierungen.
· Überschriften. Formatvorlagen für Überschriften der Ebenen 1 bis 6.
Der Name des SiteStyle-Designers wird oben in der Ansicht über den grafischen Elementen aufgeführt.
Auf der Registerkarte „Selektoren" sehen Sie vordefinierte CSS-Regeln, die mit SiteStyle-Elementen wie Tabellenformatvorlagen und Body-Tags übereinstimmen. Die CSS-Selektoren werden links in einer Spalte und eine Vorschau des ausgewählten CSS-Selektors auf der rechten Seite angezeigt. Jeder Selektor kann mit einer der drei CSS-Analysen bearbeitet werden: CSS-Standard, CSS-Eigenschaften und CSS-Code-Editor.
Auf der Registerkarte „CSS-Code" haben Sie zur Bearbeitung vollen Zugriff auf die dem SiteStyle zugehörigen CSS-Regeln. Mit dem CSS-Code-Editor können Sie bestehende CSS-Regeln ändern, die Syntax schon beim Schreiben prüfen und zusätzliche CSS-Styles importieren. Weitere Informationen dazu finden Sie unter „Arbeiten mit CSS und SiteStyles".
Klicken Sie auf die Registerkarte „Vorschau", um die SiteStyle-Elemente so anzuzeigen, wie sie in einem Browser erscheinen werden.