Die Benutzeroberfläche des Wizard-Assistenten ist in drei Bereiche unterteilt. Auf der linken Seite befindet sich ein Navigationsbereich mit Hyperlinks, die zu den verbleibenden Seiten des Assistenten führen (Expression Web 2 fügt standardmäßig einen aus zwei Seiten bestehenden Assistenten ein). Sie können die Anzahl der Seiten nachträglich verändern. Die Hyperlinktexte werden von Expression Web 2 vorgegeben und lauten Step (das englische Wort für Schritt) gefolgt von der Nummer des jeweiligen Assistentenschritts. Diesen Text können Sie ebenfalls ändern.
Unten rechts befinden sich Schaltflächen zum Navigieren zwischen den Seiten, die abhängig von der Seitennummer mit Weiter, Zurück und Fertig stellen beschriftet sind. Der große Bereich rechts neben der Navigationsleiste ist der eigentliche Inhaltsbereich, in dem Sie die gewünschten Texte und Elemente anordnen, die auf der jeweiligen Assistentenseite angezeigt werden sollen.
Stellen Sie zunächst mithilfe der drei Ziehpunkte die gewünschte Größe der Assistentenbenutzeroberfläche ein. Nachdem Sie die gewünschte Größe aufgezogen haben, wird das Aufgabenmenü des Steuerelements nicht mehr angezeigt. Klicken Sie deshalb auf den nach rechts weisenden Pfeil, der oben rechts am Steuerelement angezeigt wird.
Automatische Formatierung auswählen
Wie Sie sehen, bietet das Menü Wizard-Aufgaben viele Optionen an. Eine nützliche Funktion verbirgt sich hinter dem ersten Menüeintrag Autom. Formatierung. Wenn Sie diesen Eintrag auswählen, wird das Dialogfeld AutoFormat geöffnet, in dem verschiedene vorgefertigte Schemata zur Formatierung des Wizard-Steuerelements angeboten werden.
Markieren Sie unter Schema auswählen das gewünschte Schema. Daraufhin wird rechts im Dialogfeld unter Vorschau eine Vorschau des Schemas angezeigt. Klicken Sie auf OK, um Ihre Einstellung zu übernehmen.
WICHTIG: Nach der Auswahl eines Schemas werden die Hyperlinks und Schaltflächen, die zu den anderen Seiten des Assistenten führen, möglicherweise sehr klein angezeigt. Wenn Sie die Seite jedoch speichern und in der Browservorschau anzeigen lassen, werden Sie feststellen, dass diese Elemente in der richtigen Größe erscheinen.
Inhalte hinzufügen
Wenn Sie den Inhalt einer Assistentenseite festlegen möchten, müssen Sie zunächst die gewünschte Seite im Menü Wizard-Aufgaben auswählen. Öffnen Sie dazu im Menü das Listenfeld neben Schritt, und nehmen Sie die Auswahl vor. Das Hinzufügen weiterer Seiten und die Umbenennung der von Expression Web 2 vorgegebenen Hyperlinktexte werden im nächsten Abschnitt erläutert.
Um einer Assistentenseite Texte und Elemente hinzuzufügen, klicken Sie in den Inhaltsbereich, der sich rechts neben dem Navigationsbereich und über den Schaltflächen (bzw. über der Schaltfläche, sofern es sich um die erste Assistentenseite handelt) befindet.
ACHTUNG: Nach Ihrem Mausklick blinkt die Einfügemarke innerhalb der Assistentenseite. Sie wird jedoch genau in der Mitte an der Begrenzung zwischen Navigationsbereich und Inhaltsbereich angezeigt, sodass Sie sie möglicherweise nicht auf den ersten Blick sehen.
Sie können nun alle benötigten Texte und Elemente wie gewohnt einfügen.
Seiten hinzufügen und umbenennen
Genügen Ihnen die beiden von Expression Web 2 vorgegebenen Assistentenseiten nicht, können Sie weitere Seiten hinzufügen. Sie können außerdem die Titel der bereits vorhandenen Schritte, die im Navigationsbereich als Hyperlinks zu diesen Schritten aufgeführt sind, umbenennen. Öffnen Sie dazu das Aufgabenmenü des Steuerelements, und klicken Sie auf WizardSteps hinzufügen/entfernen.
Im Anschluss daran wird das in Abbildung 10.15 dargestellte Dialogfeld geöffnet, mit dessen Hilfe Sie weitere Schritte (Assistentenseiten) hinzufügen und bereits vorhandene Seiten, zu denen die Hyperlinks des Navigationsbereichs führen, umbenennen können.
Abbildung 10.15 Das Dialogfeld WizardStep-Auflistungs-Editor
Um einen Schritt hinzuzufügen, klicken Sie unten links im Dialogfeld auf die Schaltfläche Hinzufügen. Der neue Schritt wird daraufhin in der Liste unter Member angezeigt. Im rechten Listenfeld des Dialogfelds sind einige Eigenschaften des neuen Schritts aufgeführt. Klicken Sie unter Darstellung in das Feld rechts neben Title, und geben Sie den gewünschten Titel des Schritts ein. Im Navigationsbereich der Benutzeroberfläche des Assistenten wird im Anschluss daran ein gleichnamiger Hyperlink eingefügt, der zu dieser neuen Seite führt. Verlassen Sie das Dialogfeld mit einem Klick auf die Schaltfläche OK.
Möchten Sie einen Schritt umbenennen, markieren Sie ihn in der Liste unter Member, sodass im rechten Listenfeld des Dialogfelds dessen Eigenschaften angezeigt werden. Klicken Sie dort unter Darstellung in das Feld rechts neben Title, und überschreiben Sie den dort aufgeführten Titel. Übernehmen Sie Ihre Änderung mit einem Klick auf OK.
Einzelne Bereiche der Assistentenbenutzeroberfläche bearbeiten
In einem der vorherigen Abschnitte haben Sie erfahren, wie Sie das Erscheinungsbild der Assistentenbenutzeroberfläche mithilfe der automatischen Formatierung festlegen. Möchten Sie die Darstellung einzelner Bereiche dieser Benutzeroberfläche (z.B. nur den Navigationsbereich auf der linken Seite oder nur den unteren Bereich, in dem sich die Schaltflächen befinden) verändern, müssen Sie einen etwas anderen Weg gehen, der im Folgenden beschrieben ist.
SELFPHP
SELFPHP OHG, info@selfphp.de, Impressum, Kontakt