webplusx7_Neat

46 Die Layoutelemente

Ersetzen von Bildern

Bilder lassen sich jederzeit austauschen. Dies ist besonders praktisch,
wenn Sie die Position und Größe eines Fotos auf der Seite beibehalten
und nur das eigentliche Bild selbst ändern möchten. Diese Funktion
lässt sich für zugeschnittene und unbeschnittene Bilder einsetzen.

Ersetzen von Bildern

1. Klicken Sie direkt unter dem ausgewählten Bild auf
die Option Bild aus Festplatte ersetzen oder Bild aus
Quelldateien ersetzen.

2. Wählen Sie in dem Dialogfeld Bild importieren das
gewünschte Bild aus.

3. Klicken Sie auf die Schaltfläche Öffnen.

Sie können Bilder ebenfalls gegen die Bilder austauschen, die im
Quelldatei-Browser gespeichert sind. Klicken Sie hierzu direkt unter
dem ausgewählten Bild auf die Option Bild aus Quelldateien
ersetzen.

Die Layoutelemente 47

Anzeigen von Bildern in Lightboxen

Lightboxen sind Popups, die sich unter anderem ideal für die
Anzeige großer Bilder eignen. Um die große Bildversion
einzublenden, müssen Ihre Website-Besucher lediglich auf eine
Bildminiatur klicken. Der große Vorteil der Lightboxen besteht
darin, dass die großen Bildversionen erst auf Wunsch des
Betrachters mit einer Animation eingeblendet werden und nicht
die ganze Zeit wertvollen Platz im Browserfenster belegen.

Erstellen einer Lightbox für die Bilder auf Ihrer
Webseite
1. Wählen Sie ein Bild aus (vorzugsweise platziert als Bildminiatur).
2. Erstellen Sie einen Hyperlink für das Objekt. Klicken Sie hierzu im
Menü Eigenschaften oder dem per Rechtsklick auf das Objekt
geöffneten Kontextmenü auf den Eintrag Hyperlink.
3. Klicken Sie in dem Menü auf den Eintrag Bild und legen Sie in der
Registerkarte Zielfenster über das Feld Typ die Option Lightbox
fest.

48 Die Layoutelemente

Freistellen von Bildmotiven

Mit dem Studio für Ausschnitte können Sie einzelne Bildobjekte
bequem von ihrem Hintergrund trennen (dies wird auch als
"Freistellen" bezeichnet). Je nach Zusammenstellung Ihres Fotos lassen
sich z. B. die wichtigen Objekte (Personen usw.) extrahieren oder die
einfarbigen Hintergrundbereiche (z. B. Himmel, Leinwand eines
Fotostudios) entfernen. In beiden Fällen ist der extrahierte Bildbereich
ein echter Blickfang, der sich flexibel in Ihrer Website einsetzen lässt.

Öffnen des Studios für Ausschnitte
1. Wählen Sie ein Bild aus.
2. Klicken Sie auf die Schaltfläche Studio für Ausschnitte in

der Bildkontextleiste. Es wird nun das Studiofenster für das
Extrahieren von Bildbereichen geöffnet.
3. Klicken Sie auf der linken Seite des Studiofensters
auf das Werkzeug Bildbereich übernehmen oder Bildbereich
entfernen und "übermalen" Sie die Bereiche, die Sie entfernen
bzw. behalten möchten. In der Hilfe des Studiofensters finden
Sie eine genaue Anleitung zu der Arbeit mit diesen
Werkzeugen.

Die Layoutelemente 49

Bildkorrekturen und Effekte

PhotoLab ist ein leistungsstarkes Studiofenster für die
Bildbearbeitung, in dem Sie Ihre Bilder korrigieren und mit
verschiedenen Effekten bearbeiten können. Alle Funktionen lassen
sich einzeln oder auch in Kombination anwenden.

A) Hauptsymbolleiste, (B) Arbeitsbereich, (C) Filterstapel, (D)
Filterregisterkarten, (E) Registerkarte "Bilder"

Starten von PhotoLab
1. Wählen Sie das Bild aus, auf das Sie einen Filter anwenden

möchten.
2. Klicken Sie auf die Schaltfläche PhotoLab der

Bildkontextleiste.
3. Wählen Sie einen Filter der Filterregisterkarten aus

("Favoriten", "Korrekturen" oder "Effekte").

50 Die Layoutelemente
4. Stellen Sie in dem Testfeld rechts unten die gewünschten

Optionen für den Filter ein und klicken Sie auf Übernehmen.
5. Wiederholen Sie diese Schritte für alle Filter, die Sie

anwenden möchten.
6. Klicken Sie auf die Schaltfläche OK.
7. Weitere Informationen hierzu finden Sie in der WebPlus-

Hilfe.

Einfügen von Panels

Panels sind „Schaukästen“ mit Informationen, die über Ihren
Webseiten eingeblendet werden. Hier können Sie sowohl Bilder und
Texte anzeigen (siehe unten) als auch Formen und Zeichnungen.

Da die Panels über Ihren Webseiten in dem Browser der Website-
Besucher angezeigt werden, können Sie den Informationsgehalt Ihrer
Website schnell und einfach erweitern oder ändern, ohne das Layout
der einzelnen Seiten modifizieren zu müssen. Panels lassen sich sowohl
permanent als auch „auf Wunsch“ einblenden, wenn die Website-
Besucher ihren Mauszeiger auf Schaltflächen, Bildern oder anderen
Quelldateien platzieren.

Die Layoutelemente 51
Die permanente Variante ist ebenfalls ideal für Navigationsleisten, da
diese auch bei scrollbaren Seiteninhalten ständig auf dem Bildschirm
erreichbar sind.
Panels werden auch als Bausteine für animierte Slider (siehe Seite 63)
verwendet. Genau wie die Anzeigetafeln am Spielfeldrand in großen
Fußballstadien ständig ihre Aufschrift ändern, können auch die Slider
unterschiedliche Panels für bestimmte Zeitintervalle einblenden.
WebPlus bietet eine breite Palette an modernen Hintergrunddesigns,
mit denen Sie schnell und einfach ansprechende Panels entwerfen
können. Alternativ können Sie auch eine Hintergrundvorlage anpassen
oder in dem Design Studio (siehe WebPlus-Hilfe) von WebPlus den
Hintergrund selbst entwerfen.

Einfügen eines Panels

Um ein Panel einzufügen, gehen Sie wie folgt vor:

1. Klicken Sie in der Kategorie „Layoutelemente“ der
Registerkarte QuickBuild auf das Symbol Panel.

2. Ziehen Sie den Mauszeiger mit gedrückter Maustaste über Ihre
Seite, um den Bereich und die Größe für das Panel zu bestimmen.

Es wird nun das Dialogfeld Panel einfügen geöffnet.

52 Die Layoutelemente
3. Gehen Sie in der Registerkarte Panel wie folgt vor:

• Klicken Sie in das Vorschaufeld.
• Wählen Sie in dem Quelldatei-Browser ein

vordefiniertes Hintergrunddesign aus und klicken
Sie auf OK. Die Vorschau wird nun mit dem
ausgewählten Paneldesign aktualisiert.

Sie können ein Panel in den Standardabmessungen
erstellen, indem Sie es einfach aus der Registerkarte
„QuickBuild“ direkt auf eine Seite ziehen. Alternativ können
Sie ein einfaches Panel (ohne Konfiguration über das
Dialogfeld) direkt auf der Seite platzieren, wenn Sie es mit
gedrückter Strg-Taste auf die Seite ziehen.

Bearbeiten eines Panels

• Führen Sie einen Doppelklick auf das Panel aus und stellen Sie die
verschiedenen Optionen ein.

Festlegen des Inhalts für ein Panel

Sie können Ihr Panel wie einen leeren Baustein für Ihre Website
behandeln und mit den Werkzeugen und Funktionen von WebPlus
vollenden. Wenn Sie Objekte in dem Panelbereich erstellen, gehören
diese automatisch zu dem Panel. Dies gilt auch für Textrahmen,
künstlerische Texte, Tabellen, QuickShapes und Bilder. Wenn Sie das
Panel auf der Seite verschieben, ändern Sie auch die Position seiner
Objekte.

Die Layoutelemente 53

Ein-/Ausblenden eines Panels

Nachdem Sie das Panel entworfen und mit dem gewünschten Inhalt
gefüllt haben, können Sie es sichtbar lassen oder auch ausblenden.
Ausgeblendete Panels lassen sich per Mausberührung oder Klick auf
ein Seitenobjekt einblenden. Auf diese Weise können Sie schnell und
einfach zusätzliche Optionen oder Details für Schaltflächen, Bilder und
Galerieobjekte auf Ihren Webseiten anbieten. Die Website-Besucher
blenden dann einfach nur die für sie interessanten Panels ein und
werden nicht mit Informationen überfrachtet.

Festlegen von Aktionen für Panels
1. Wählen Sie das Panel aus.

2. Klicken Sie in der Kontextleiste auf die Option Aktionen.

Es wird nun das Dialogfeld Panel bearbeiten mit geöffneter
Registerkarte Aktionen eingeblendet.
3. Klicken Sie in dem Dialogfeld auf Hinzufügen und dann auf die
Menüoption Sichtbarkeit.
4. Wählen Sie das Panel in dem Dropdownfeld Objekt-ID aus.
5. Wählen Sie ein Ereignis in dem Dropdownfeld Ereignis aus.

Diese Ereignisse legen fest, was passiert, wenn die Aktion
stattfindet (d. h. der Mauszeiger sich auf das Objekt bewegt oder
ein Mausklick stattfindet).
6. Klicken Sie auf die Schaltfläche OK.

Nachdem Sie nun das Panel fertig konfiguriert haben, können Sie das
Panel ausblenden.

54 Die Layoutelemente
Ausblenden ausgewählter Panels

• Klicken Sie in der Kontextleiste auf die Option Objekt ein-
/ausblenden.

Um während der Designarbeit unsichtbare Objekte
einzublenden, klicken Sie im Menü Ansicht auf
Unsichtbare Objekte.
Wenn Sie nun Ihre Webseite publizieren und den Mauszeiger auf dem
als Auslöser konfigurierten Seitenobjekt platzieren, wird das Panel per
Rollover an der von Ihnen festgelegten Stelle eingeblendet.

Einfügen einer Fotogalerie

In WebPlus können Sie eine auf Flash™ oder JavaScript basierende
Fotogalerie in jede beliebige Webseite einfügen. Für die Galerien
sind unterschiedliche Designs mit verschiedenen
Navigationsmethoden für die enthaltenen Bilder verfügbar.

Die Layoutelemente 55

Die Galerietypen

Für Ihre Flash- oder JavaScript-Fotogalerien stehen Ihnen sehr
unterschiedliche Galerieformate zur Verfügung.

Galerietyp Features

Professionelle Flash-Fotogalerie
Diese Galerien enthalten über oder unter der
Bildanzeige eine Steuerleiste mit Vorschauminiaturen,
die alle mit einem Rollovereffekt versehen sind.

Professionelle Flash-Fotogalerie (Live Feed)
Diese Galerien bieten die gleichen Optionen wie
Professionelle Flash-Fotogalerien. Die Fotos lassen sich
jedoch als Fotostream (in Form eines RSS-Feeds) aus
Ihrem Konto bei Flickr einfügen sowie aus jedem
anderen Bildhosting-Service, der RSS 2.0 unterstützt,
oder auch aus SlideShowPro Director.

Flash-Fotogalerie
Diese Galerien enthalten über oder unter der
Bildanzeige eine Steuerleiste mit
Navigationselementen und/oder Vorschauminiaturen,
die sich horizontal/vertikal per Bildlauf verschieben
lassen. Fotoraster und Fotostapel sind ebenfalls als
Galerievorlagen verfügbar. Sie können für die
Fotogalerie sogar eine Hintergrundmusik festlegen.

JavaScript-Fotogalerie
Diese Galerien bieten ähnliche Optionen wie die Flash-
Galerie, basieren jedoch auf JavaScript. Zusätzlich zu
den Fotorastern und Fotostapeln sind hier auch
Lightboxen verfügbar.

56 Die Layoutelemente

Einfügen einer Fotogalerie

Fotogalerien lassen sich genau so auf Ihren Seiten einfügen, wie
einzelne Fotos. Das aktuell angezeigte Foto ist hierbei lediglich von
einem Hintergrund, einer Navigationsleiste und Vorschauminiaturen
eingerahmt.

Einfügen einer Fotogalerie

1. Klicken Sie in der Kategorie „Layoutelemente“ der
Registerkarte QuickBuild auf das Symbol Fotogalerie.

2. Um die Galerie mit einer Standardgröße einzufügen,
platzieren Sie den Mauszeiger an der gewünschten Stelle der Seite
und drücken die linke Maustaste.

ODER

Wählen Sie einen Galerietyp aus (siehe Seite 55).
3. Klicken Sie auf die Schaltfläche Weiter.

Einfügen von Fotos in eine Fotogalerie
1. Für alle Galerietypen (außer den Varianten mit Live Feed) legen

Sie in dem Dialogfeld folgende Optionen fest:

• Hinzufügen einzelner Dateien
Klicken Sie auf Dateien hinzufügen, um die gewünschten
Bilddateien auszuwählen. Wenn Sie mehrere Dateien auswählen
möchten, halten Sie die Strg-Taste gedrückt (für nicht
aufeinander folgende Dateien) oder die Umschalttaste (für
aufeinander folgende Dateien), während Sie auf die Dateinamen
klicken.

Die Layoutelemente 57

ODER

Klicken Sie auf Quelldateien hinzufügen, um die gewünschten
Bilddateien auszuwählen.

ODER

• Hinzufügen aller Fotos aus einem Ordner

Klicken Sie auf die Schaltfläche Ordner hinzufügen, um alle
Bilder aus einem bestimmten Ordner zu importieren.

ODER

• Einfügen aus Digitalkamera oder Scanner

Klicken Sie auf die Schaltfläche TWAIN-Import. Falls Sie
mehrere TWAIN-Geräte angeschlossen haben, klicken Sie
zunächst auf den Pfeil der Schaltfläche und legen über den
Menüpunkt Quelle auswählen das gewünschte Modell fest.

Klicken Sie auf Import, um Ihre Fotos einzulesen.

2. (Optional) Verwenden Sie die Optionen neben den
Fotominiaturen, um die Bilder zu bearbeiten.

• Um einen Titel einzufügen, klicken Sie in die Spalte Titel und
geben den gewünschten Text ein. Sie können sowohl Zahlen als
auch Buchstaben verwenden.

• (Nur für professionelle Flash-Fotogalerien) Um die Fotos
mit Hyperlinks zu versehen, klicken Sie auf Hyperlink
bearbeiten. Wählen Sie in dem Dialogfeld einen Hyperlinktyp
aus. Sie können hier die Verwendung von Hyperlinks
deaktivieren, Hyperlinks zu den Originalbildern erstellen oder
Hyperlinks zu anderen Hyperlinkzielen festlegen (z. B. Seiten
Ihrer Website oder einer anderen Website).

3. Klicken Sie auf die Schaltfläche Weiter.

58 Die Layoutelemente
Auswählen und Ändern des Typs einer Fotogalerie
1. Wählen Sie am oberen Rand des Dialogfelds eine

Galerieformatierung in der Liste Galerietyp aus.
2. (Optional) Legen Sie für den ausgewählten Typ rechts die

verschiedenen Galerieoptionen fest (Hintergrundmusik,
Schriftfarbe, AutoPlay usw.).
3. Klicken Sie auf die Schaltfläche Fertig stellen.

Bearbeiten der Fotogalerie

Nachdem Sie die Fotogalerie in eine Webseite eingefügt haben, lässt sie
sich jederzeit bearbeiten.

Bearbeiten einer Fotogalerie
1. Wählen Sie die gewünschte Galerie auf der Webseite aus.
2. Führen Sie einen Doppelklick auf die Galerie aus.

Es wird nun das Dialogfeld Fotogalerie angezeigt. Die Optionen
in diesem Dialogfeld sind identisch mit denen, die für die
Erstellung der Galerie verfügbar waren.

Nachdem Sie eine Galerie auf der Seite platziert haben, können Sie ihre
Größe durch Ziehen eines Eckpunkts verändern. Wenn Sie das
Seitenverhältnis der Galerie unverändert übernehmen möchten, halten
Sie während des Ziehens die Umschalttaste gedrückt.

Die Layoutelemente 59

Arbeiten mit Onlinefotoquellen

Anstatt Ihre Fotos von einem lokalen Laufwerk auf Ihrem PC zu
importieren, können Sie in Ihre Fotogalerie auch Bilder per Live
Feed einfügen, die bereits online bei Flickr oder SlideShowPro
Director gespeichert sind.

Der größte Vorteil dieser Galerien mit Live Feed liegt darin, dass Ihre
publizierte Fotogalerie automatisch aktualisiert wird, sobald Sie neue
Fotos außerhalb von WebPlus an Flickr oder SlideShowPro Director
übertragen. Auf diese Weise müssen Sie die Fotos nicht einzeln in
Ihrer Galerie nachtragen und dann die Website erneut publizieren.

Kopieren Ihres Fotolinks von der Flickr-Website
1. Gehen Sie zu der Website flickr.com und melden Sie sich bei

Ihrem Konto an.
2. Klicken Sie auf die Option für Ihren Fotostream.

3. Blättern Sie die Seite nach unten bis zu dem Symbol für
den RSS-Feed, klicken Sie mit der rechten Maustaste auf das
Symbol und in dem Kontextmenü auf Verknüpfung kopieren.

Stellen Sie sicher, dass sich der kopierte Link immer noch
in der Zwischenablage befindet, wenn Sie ihn in WebPlus
einfügen möchten.

60 Die Layoutelemente

Kopieren Ihres Fotolinks von SlideShowPro Director
1. Gehen Sie zu der Website SlideShowPro Director und melden Sie

sich bei Ihrem Konto an.
2. Wählen Sie Ihr Album aus und klicken Sie unter „Publish“ auf die

Kopieren-Schaltfläche (in der Option „Copy XML File Path“), um
den Link in die Zwischenablage einzutragen.
Einfügen einer Fotogalerie mit Live Feed

1. Klicken Sie in dem Dialogfeld für Fotogalerien auf
Professionelle Flash-Fotogalerie (Live Feed).

2. Klicken Sie auf die Schaltfläche Weiter>.
3. Aktivieren Sie je nach der Fotodatenquelle, die Sie verwenden

möchten, eine der Optionen RSS 2.0 Medien oder SlideShowPro
Director.
• Für die erste Option fügen Sie den kopierten Link für den RSS-

Feed (siehe obige Beschreibung) in das entsprechende
Dropdownfeld ein.

ODER
• Für die zweite Option fügen Sie den kopierten XML-Dateipfad

(siehe obige Beschreibung) ein.

Die Optionen der anderen Dialogfelder lassen sich genau so
konfigurieren wie für die „normalen“ Galerietypen.

Die Layoutelemente 61

Einfügen von Tabellen

Tabellen sind eine ideale Wahl, wenn Sie Ihre Texte oder Daten in
übersichtlichen Zeilen und Spalten anordnen möchten. WebPlus
verfügt ebenfalls über eine Reihe von Rechenfunktionen, mit denen
Sie die Werte einzelner Zellen wie in einer Tabellenkalkulation
berechnen können.

Jede Tabellenzelle übernimmt im Grunde die Aufgabe eines
kleinen Textrahmens. Tabellentexte lassen sich wie Rahmentexte
flexibel mit Zeichen- und Absatzattributen sowie
Textformatvorlagen formatieren und durch integrierte Bilder und
gleichmäßige Farbfüllungen erweitern. Mithilfe der
Rechtschreibprüfung können Sie anschließend eventuelle Fehler
beseitigen. Zu den Spezialfunktionen für Tabellen gehören die
Zahlenformatierung und das Einfügen von Formeln.

62 Die Layoutelemente

Einfügen einer Tabelle

1. Klicken Sie in der Kategorie „Layoutelemente“ der
Registerkarte QuickBuild auf das Symbol Tabelle.

2. Klicken Sie auf Ihre Seite, oder ziehen Sie mit gedrückter
Maustaste einen Begrenzungsrahmen in der gewünschten
Größe für die Tabelle.

In dem nun geöffneten Dialogfeld Tabelle erstellen wählen
Sie einfach eine Tabellenvariation aus dem Feld Format aus.
3. Klicken Sie auf die verschiedenen Einträge, um die jeweilige
Formatierung in dem Vorschaufeld zu begutachten. Wenn Sie
mit einer einfachen Tabelle ohne besondere
Linienformatierungen und Farben beginnen möchten, klicken
Sie auf den Eintrag (Standard).

4. (Optional) Klicken Sie auf Bearbeiten, wenn Sie das
ausgewählte Format noch weiter konfigurieren möchten.

5. Legen Sie die Tabellengröße fest. Dies ist die Anzahl der
Zeilen und Spalten, aus denen das Tabellenlayout besteht.

6. Klicken Sie auf die Schaltfläche OK. Die neue Tabelle wird
nun auf Ihrer Seite angezeigt.

Um die Struktur und Zelleninhalte von Tabellen zu ändern, führen
Sie die unter „Bearbeiten von Tabellen“ (siehe WebPlus-Hilfe)
beschriebenen Schritte aus.

Die Layoutelemente 63

Einfügen von Slidern

Slider bieten elegante und flexible Möglichkeiten für die Animation
von Panels und lassen sich unter anderem für Werbebanner, News-
Ticker und Alternativen zu Navigationsleisten einsetzen.
Jeder Slider besteht aus einer Reihe von Panels – es kann jedoch
immer nur ein Panel gleichzeitig angezeigt werden.

Sie können auf jedem Panel eine Mischung aus Bildern, Texten,
Linien und Formen platzieren. Wie in einer Diashow lassen sich
die Panels auch so konfigurieren, dass sie in bestimmten
Intervallen automatisch ein- und ausgeblendet werden. Eine
manuelle Umschaltung zwischen den Panels mit
Navigationssymbolen ist ebenso möglich wie die Steuerung über
einen Timer.

64 Die Layoutelemente

Für die Darstellung der Panels stehen Ihnen verschiedene
Animationstypen zur Verfügung. Sie können einfache
Richtungsänderungen (z. B. Links nach Rechts, Oben nach Unten
usw.) sowie eine Gemischte Animation (bestehend aus mehreren
Varianten) verwenden oder auch spezifische Vorgaben wie
Akkordeon, Overlay oder Bildlauf-Varianten einsetzen. Bei der
Steuerung über einen Timer können Sie das Start- und Enddatum
(oder die Zeit) für jedes Panel präzise angeben.

In dem Quelldatei-Browser steht Ihnen eine breite Palette
professioneller Slider zur Verfügung. Nach dem Platzieren auf der
Seite können Sie jede dieser Slidervarianten flexibel anpassen. Auf
diese Weise lassen sich Panels hinzufügen, neu ordnen und
löschen, sodass der Slider am Ende genau Ihren Vorstellungen
entspricht.

Einfügen eines Sliders

1. Klicken Sie im Menü Einfügen auf Interaktives Objekt und
dann auf Slider.

2. Wählen Sie im Hauptfeld des Quelldatei-Browsers einen
Slider aus und klicken Sie auf OK.

3. Klicken Sie einmal auf die Seite, um den Slider zu platzieren.

Sie können Slider auch über die Registerkarte „Quelldateien“ auf
Ihren Seiten platzieren. Nähere Informationen hierzu finden Sie in
der WebPlus-Hilfe.

Auswählen eines Sliders

• Wählen Sie in der Registerkarte Objekte den Eintrag des
Sliders aus. Über dem Arbeitsbereich wird nun die
Kontextleiste für den Slider eingeblendet, mit dem Sie seine
Eigenschaften bearbeiten können.

Die Layoutelemente 65

Wenn Sie den Inhalt eines Panels bearbeiten und das Panel
selbst auswählen möchten, klicken Sie auf den Menüpunkt
Bearbeiten > Auswählen > Übergeordnetes
Element auswählen oder drücken die
Tastenkombination Strg + R. Möchten Sie anschließend
den Slider auswählen, klicken Sie einfach erneut auf den
Menüpunkt Bearbeiten > Auswählen >
Übergeordnetes Element auswählen.

Bearbeiten Ihres Sliders

Standardmäßig enthält jeder Slider ein Set von Panels. Sie können den
Slider jedoch wie folgt konfigurieren:

• Hinzufügen, Kopieren und Löschen von Panels in dem Slider.

• Einfügen von Inhalten in das aktuell sichtbare Panel. Bedenken
Sie stets, dass Sie für jedes Panel in einem Slider die Inhalte
genauso frei festlegen können, wie für ein eigenständiges Panel
auf einer Webseite.

• Austauschen von Bildern gegen ein eigenes Foto. Klicken
Sie hierzu unter dem Bild des Panels auf das Symbol Bild
ersetzen.

• Hinzufügen von Hyperlinks zu den Bildern, Schaltflächen oder
anderen Objekten, die pro Panel auf ein anderes Ziel verweisen,
wie z. B. eine Produktseite. Diese Linkziele lassen sich dann in
einem neuen Fenster oder einer Lightbox einblenden.

• Legen Sie den Animationstyp für die Panels fest.

Darüber hinaus können Sie auch die Reihenfolge der Panels und
Steuersymbole für die Wiedergabe ändern.

66 Die Layoutelemente

Hinzufügen neuer Panels
1. Wählen Sie den Slider aus.

2. Klicken Sie in der Kontextleiste auf die Option Panel
hinzufügen.

Es wird nun ein leeres Panel nach dem letzten Panel in Ihrem
Slider eingefügt. Sie können den Inhalt für das neue Panel frei
festlegen (siehe Seite 52).

Die Reihenfolge der Panels in dem Slider lässt sich über
die Option Slider bearbeiten der Symbolleiste ändern.

Navigieren zwischen Panels

• Klicken Sie auf die Navigationssymbole direkt unter
dem ausgewählten Slider.

Jeder Slider verfügt über ein Vordergrundpanel, das seinen Inhalt
permanent anzeigt. Dieses Panel ist daher perfekt für
Kontaktinformationen, E-Commerce-Schaltflächen,
Telefonnummern oder ein Bild, das Sie ständig eingeblendet halten
möchten.

Die Slidereigenschaften lassen sich jederzeit ändern, sodass Sie die
Animationstypen und Wiedergabesteuerung genau an Ihre
Vorstellungen anpassen können. Die Reihenfolge der Panels in
dem Slider lässt sich ebenfalls ändern, und Sie können die Panels
sogar zu bestimmten Zeiten einblenden.

Willkommen 67

Die
Navigations-

elemente

68 Die Navigationselemente

Die Navigationselemente 69

Einfügen von Navigationsleisten

Mit den Navigationsleisten können Ihre Website-Besucher bequem
zu den verschiedenen Seiten umschalten, wie z. B. Homepage,
Galerie, Produkte und Kontakt. Die Navigationsleisten in WebPlus
sind so programmiert, dass sie die Struktur Ihrer Website (siehe
Seite 26) erkennen und automatisch berücksichtigen, sodass sich
Website-Besucher später schnell zurechtfinden und problemlos
durch die verschiedenen Seiten navigieren können.

Navigationsleisten ermöglichen den Wechsel zwischen
verschiedenen Sektionen und Stufen einer Website und enthalten
Links zu der Homepage und den anderen Seiten der obersten Stufe
für jede Sektion. Über Popup-Menüs lassen sich dann die
untergeordneten Seiten der einzelnen Sektionen aufrufen.

Einfügen von Navigationsleisten

Navigationsleisten lassen sich zwar in jede Seite einfügen, werden
aber für gewöhnlich auf der Master-Seite platziert. Hierdurch
müssen Sie dasselbe Element nicht in alle Seiten einfügen, auf
denen die Leiste später erscheinen soll.

70 Die Navigationselemente

Wenn Sie eine Navigationsleiste einfügen, können Sie mit den
folgenden Optionen festlegen, wie die Leiste auf der Seite angezeigt
wird:

• Typ: Hier legen Sie das grundlegende Design der
Navigationsleiste fest (z. B. Designer, Grafisch, Einfach).

• Navigationstyp: Hier legen Sie fest, ob die Navigationsleiste
auf der Website-Struktur oder einer von Ihnen selbst
festgelegten Struktur basieren soll.

• Darstellung: Hier bestimmen Sie das Design für
Schaltflächen, Trennelemente und den Hintergrund der
Navigationsleiste. Sie können wahlweise eine Vorlage
verwenden oder die Designs auch selbst entwerfen.

• Popup-Menüs: Hier legen Sie die Designs für Popup-
Grafikmenüs und -Textmenüs fest, die über die
Navigationsleiste aktiviert werden (falls Ihre Website-Struktur
untergeordnete Seiten enthält).

• ID/Anker: Hier legen Sie die HTML-ID für das
Navigationsleistenobjekt und den Anker des Objekts fest.

• CSS-Eigenschaften: Für einige Navigationsleisten können Sie
CSS-Formatierungen festlegen, wie z. B eine Umrandung.
Nähere Informationen hierzu finden Sie unter dem Thema
„Die CSS-Eigenschaften“.

• Aktionen: Aktionen (Änderung in der Position in der Z-
Reihenfolge, der Deckkraft oder eine selbst festgelegte Aktion)
lassen sich über Ereignisse (z. B. die Berührung mit der Maus)
auslösen. Nähere Informationen hierzu finden Sie unter dem
Thema „Anwenden von Aktionen“.

Die Navigationselemente 71

Hinzufügen einer Navigationsleiste
1. Wählen Sie eine Seite (oder Master-Seite) aus.

2. Klicken Sie in der Kategorie „Navigationselemente“ der
Registerkarte QuickBuild auf das Symbol Navigationsleiste.

3. Platzieren Sie den Mauszeiger auf der gewünschten
Seitenposition und klicken Sie einmal, um die Leiste zu
platzieren. Die Leiste wird nun rechtsbündig an der von Ihnen
festgelegten Stelle positioniert.

4. Blättern Sie in der Registerkarte Typ des nun geöffneten
Dialogfelds durch die verschiedenen Kategorien. Um eine
Kategorie zu erweitern, klicken Sie auf das Symbol .

5. Prüfen Sie die einzelnen Navigationsleisten. Mit den Pfeiltasten
Ihrer Tastatur können Sie bequem durch die Liste blättern.
Klicken Sie einfach auf die gewünschte Designvariante.

ODER

Klicken Sie auf die Schaltfläche Quelldatei-Browser, um eine
Vorschau aller Navigationsleisten im Quelldatei-Browser zu
öffnen. Wählen Sie ein Element aus und klicken Sie auf OK, um
zu dem Dialogfeld zurückzukehren.

6. Wählen Sie in der Registerkarte Navigationstyp aus, ob der
Aufbau der Navigationsleiste direkt aus der Website-Struktur
Ihrer Website abgeleitet werden soll. Klicken Sie hierzu auf
Basierend auf Website-Struktur.

ODER

Aktivieren Sie die Option Benutzerdefiniert und ändern Sie die
Optionen der Navileiste.

72 Die Navigationselemente

Wenn Sie die Option Basierend auf Website-Struktur
verwenden, stehen Ihnen folgende Optionen zur Verfügung:

• Wählen Sie die Strukturstufe aus, deren Seiten in der
Navigationsleiste aufgelistet werden sollen: Oberste Stufe,
Übergeordnete Stufe, Gleiche Stufe usw.

• Je nach der Hauptauswahl können Sie nun noch
untergeordnete Seiten, Anker, die Homepage sowie
übergeordnete Seiten einschließen und/oder die aktuelle
Seite ausblenden sowie deaktivierte Links ausblenden.

• Legen Sie das Zielfenster oder den Zielrahmen fest, in dem
die neue Seite geöffnet werden soll. Wählen Sie hierzu eine
der Optionen Gleiches Fenster (die am häufigsten
verwendete Variante), Neues Fenster (besonders hilfreich
für Offsite-Seiten), Oben im aktuellen Fenster,
Übergeordneter Rahmen, Benanntes Fenster,
Dokumentrahmen oder Lightbox aus.

7. Klicken Sie auf die Schaltfläche OK. Die Navigationsleiste
wird nun auf Ihrer Seite angezeigt.

Einige Navigationsleisten folgen dem aktuell
verwendeten Farbschema, sodass Sie ihre Darstellung
noch weiter anpassen können.

Bearbeiten einer Navigationsleiste

1. Führen Sie einen Doppelklick auf die Navigationsleiste aus.

2. Sie können nun die verschiedenen Optionen der
Registerkarten neu einstellen (siehe oben).

Die Navigationselemente 73
Sie können ebenfalls die Navigationsleisten, Schaltflächen,
Trennelemente und Hintergründe Ihrer eigenen
Navigationleistenformate ändern. Nähere Informationen hierzu
finden Sie in der WebPlus-Hilfe.

Einfügen von Popup-Menüs

Popup-Menüs sind ein wichtiger Bestandteil mehrstufiger
Navigationsleisten (siehe Seite 69) und werden erst angezeigt, wenn
Ihre Website-Besucher den Mauszeiger auf der entsprechenden
Schaltfläche platzieren. In den Popup-Menüs werden die
untergeordneten Seiten aus den unteren Stufen Ihrer Website-
Hierarchie aufgelistet.

In WebPlus können Sie Popup-Menüs zu jedem beliebigen Objekt
hinzufügen (QuickShapes, Bildern, Grafikobjekten), hauptsächlich
werden diese Menüs jedoch für Schaltflächen festgelegt. Das Menü,
das sich über dieses „selbstständige“ Objekt öffnen lässt, entspricht
dann seinem Gegenstück aus der Navigationsleiste. Popup-Menüs
lassen sich auf ähnliche Weise konfigurieren wie
Navigationsleisten, sodass sie entweder Ihre Website-Struktur
(oder einen Teil davon) wiedergeben oder eine von Ihnen selbst
festgelegte Struktur.

Popup-Menüs sind besonders hilfreich, wenn Sie eine begrenzte
Anzahl zusätzlicher Navigationslinks anbieten möchten – z. B. für
einzelne Seiten einer Produktpalette.

Erstellen von Popup-Menüs
1. Wählen Sie das Objekt aus, an das Sie das Popup-Menü

anhängen möchten.
2. Klicken Sie im Menü Eigenschaften auf Popup-Menü.

74 Die Navigationselemente

ODER

Klicken Sie mit der rechten Maustaste auf ein Objekt und in
seinem Kontextmenü auf Popup-Menü.

3. Aktivieren Sie in der Registerkarte Navigationstyp des
Dialogfelds die Option Popup-Menü mit Navigationslinks
für dieses Objekt anzeigen, um die Navigation von diesem
Objekt aus zu aktivieren.

4. Klicken Sie auf eine der Optionen Basiert auf Website-
Struktur oder Benutzerdefiniert, um die Navigationslinks
Ihrer Website für das Menü zu verwenden oder Ihre eigene
Struktur festzulegen. Mit der ersten Option können Sie z. B.
die untergeordneten Seiten einer Seite „Produkte“ aus der
obersten Strukturebene als Grundlage für Ihr Menü
verwenden.

5. Klicken Sie in der Registerkarte Menüdarstellung des
Dialogfeldes auf eine der Optionen Popup-Textmenü oder
Popup-Grafikmenü. Die Einträge der Grafikmenüs bestehen
nicht aus reinen Texten, sondern aus beschrifteten
Schaltflächen.

6. Passen Sie das Design für Ihr Popup-Menü mit den
Dropdownfeldern, Eingabefeldern, Kontrollkästchen und
Auswahlsymbolen an. Die Optionen für die Schaltflächen,
Trennelemente und den Hintergrund von Popup-
Grafikmenüs ähneln denen für Schaltflächen.

Eine genaue Beschreibung der Optionen finden Sie unter
„Ändern der Popup-Menüs“ in der WebPlus-Hilfe.

7. Klicken Sie auf die Schaltfläche OK.

Die Navigationselemente 75

Einfügen von Schaltflächen

Schaltflächen sind ein wichtiger Bestandteil der Navigationsleisten
(siehe Seite 69) von WebPlus, lassen sich jedoch auch „solo“ auf
Ihren Webseiten platzieren – entweder als separate Schaltflächen
oder als Teil eines Formulars. Die Schaltflächen lassen sich so
konfigurieren, dass der Mausklick eines Website-Besuchers z. B.
ein Hyperlinkziel aufruft, ein Popup-Menü öffnet oder eine Aktion
auslöst.
In WebPlus können Sie Schaltflächen mit einer Vorlage erstellen
oder in dem Button Studio von Grund auf neu entwerfen. Um
beide Ansätze zu verbinden, wählen Sie einfach eine Vorlage aus
und passen dann die verschiedenen Optionen für die Schaltfläche
(Farbe, Aufschrift usw.) an.

76 Die Navigationselemente

Einfügen vordefinierter Schaltflächen

1. Klicken Sie in der Kategorie „Navigationselemente“ der
Registerkarte QuickBuild auf das Symbol Schaltfläche.

2. Platzieren Sie den Mauszeiger auf der gewünschten Seitenposition
und drücken Sie die linke Maustaste, um die Schaltfläche zu
platzieren. Um die Größe der Schaltfläche selbst zu bestimmen,
ziehen Sie bei gedrückter Maustaste den Cursor über die Seite
und lassen die Maustaste wieder los, sobald der Button die
gewünschten Abmessungen erreicht hat.

3. Klicken Sie in dem Dialogfeld Schaltfläche einfügen auf die
Vorschaubox.

4. Wählen Sie in dem Quelldatei-Browser ein vordefiniertes
Schaltflächendesign aus und klicken Sie auf OK. Die Vorschau
wird nun mit dem ausgewählten Schaltflächendesign aktualisiert.

5. Geben Sie eine Schaltflächenbezeichnung ein, wie z. B. „Home“,
„Bilder“, „Hilfe“ usw. Diese Option ist nur für Schaltflächen
verfügbar, die auch einen Beschriftungstext enthalten.

6. Gehen Sie in der Registerkarte „Hyperlink“ wie folgt vor:

• Wählen Sie in der Registerkarte „Hyperlinktyp“ das
Hyperlinkziel aus. Hiermit können Sie die Website-Besucher per
Hyperlink (siehe Seite 78) auf ein bestimmtes Ziel verweisen
(Internetseite, eine Datei, andere Seite Ihrer Website usw.).

• Wählen Sie in der Registerkarte „Zielfenster“ ein Fenster oder
einen Rahmen in dem Dropdownfeld „Typ“ aus. Sie könnten
die Zielseite zum Beispiel in einem „Neuen Fenster“ öffnen.

7. Klicken Sie auf die Schaltfläche OK.

Die Navigationselemente 77

Über die Registerkarten Erweitert (in der Registerkarte
„Hyperlink“) und Aktionen legen Sie Optionen für die
Barrierefreiheit Ihrer Website und Attribute für
Suchmaschinen-Bezüge (REL) fest sowie eine breite Palette
an Aktionen (siehe Seite 82), die bestimmen, was die
Website-Besucher mit einem Klick auf die Schaltfläche
auslösen können. Über die Registerkarten ID/Anker und
CSS-Eigenschaften können Sie verschiedene Steuer- und
Darstellungsoptionen einstellen.

Über den Quelldatei-Browser steht Ihnen eine Vielzahl an
Website-Buttons und anderen Grafikelementen zur
Verfügung, die in verschiedenen Quelldatei-Paketen
gespeichert sind. Klicken Sie hierzu einfach in der
Registerkarte Quelldateien auf Durchsuchen und
wählen Sie die Kategorie „Einstellungen“ aus.

Entwerfen eigener Schaltflächen

Möchten Sie eine Schaltflächenvorlage noch weiter anpassen oder das
Design komplett selbst entwerfen, verwenden Sie einfach das Button
Studio – eine spezielle Designumgebung, die direkt in WebPlus
integriert ist. Die Schaltfläche wird in diesem Studiofenster
vollkommen isoliert angezeigt. Auf diese Weise können Sie sich ganz
auf das Design Ihrer Schaltfläche konzentrieren und werden nicht von
den anderen Elementen der Seite abgelenkt.

Nähere Informationen hierzu finden Sie in der Hilfe zu WebPlus.

Bearbeiten des Schaltflächendesigns

• Klicken Sie in der Kontextleiste auf das Symbol
Schaltflächendesign bearbeiten.

78 Die Navigationselemente

Einfügen von Hyperlinks und
Aktionen

Wenn Sie Objekte wie z. B. Wörter, Bilder usw. mit einem Hyperlink
versehen, kann ein Besucher Ihrer Website mit einem Klick auf dieses
Objekt ein frei definierbares Ereignis auslösen. Bei diesem Ereignis
handelt es sich häufig um einen Wechsel zu einem der folgenden Ziele:
• Einer Seite Ihrer Website
• Einer Seite im Internet (Bestandteil einer beliebigen Website)
• Einer E-Mail-Adresse im Internet
• Einem Anker (ein als Ziel ausgewähltes Objekt in einer Webseite)
• Einer Datei auf einer lokalen Festplatte oder einem Netzwerk
• Einem Warenkorb
• Einem Smart-Objekt (z. B. ein Forum, Blog oder CMS)
• Einem RSS-Feed oder Podcast
• Einem Navigationselement
• Benutzerdaten
• Bildern

Die Navigationselemente 79
Aktionen ähneln in sofern den Hyperlinks, als dass sie ebenfalls
bestimmen, was bei einem Mausklick oder der Mausberührung
eines Objekts geschieht. Der Unterschied zu den Hyperlinks liegt
jedoch darin, dass ein Klick oder eine Mausberührung auf der
aktuellen Seite ein Ereignis auslösen und den Website-Besucher
nicht zu einem anderen Ziel leiten. Nähere Informationen hierzu
finden Sie unter dem Thema „Anwenden von Aktionen“ auf Seite
82.

Einfügen von Hyperlinks

Hinzufügen eines Hyperlinks
1. Wählen Sie mit dem Zeigerwerkzeug ein einzelnes Objekt,

eine Objektgruppe oder einen Textabschnitt aus.

2. Klicken Sie in der Eigenschaftsleiste auf die Option
Hyperlink. Das Programm öffnet nun das Dialogfeld
„Objekteigenschaften“.

3. Wählen Sie in der Registerkarte Hyperlinktyp (Registerkarte
„Hyperlink“) den Zieltyp für den Hyperlink aus, wie z. B. eine
Website-Seite, Internetseite, ein Smart-Objekt usw.

4. Je nach Linktyp können Sie in dem rechten Feld nun
unterschiedliche Optionen für Ihr Hyperlinkziel festlegen.

5. Klicken Sie auf die Schaltfläche OK.

Alle Hyperlinks und Anker in Ihrer Website lassen
sich bequem mit dem Website-Manager verwalten,
der jederzeit über die Standardkontextleiste sowie das
Menü Extras erreichbar ist.

80 Die Navigationselemente

Bearbeiten und Entfernen von Hyperlinks
1. Markieren Sie mit dem Zeigerwerkzeug das gewünschte

Objekt, oder platzieren Sie per Mausklick eine Einfügemarke
in dem Linktext. (Sie müssen nicht den gesamten
Hyperlinktext markieren.)

2. Klicken Sie in der Eigenschaftsleiste auf die Option
Hyperlink.

Das Dialogfeld „Objekteigenschaften“ wird nun geöffnet und zeigt
das Hyperlinkziel des ausgewählten Objekts an.

• Um den Hyperlink zu modifizieren, wählen Sie einen neuen
Zieltyp, ein neues Ziel und/oder andere Optionen aus.

• Um den Hyperlink zu löschen, klicken Sie auf die Option
Kein Hyperlink.

Auswählen des Zielfensters

Über die Registerkarte „Zielfenster“ können Sie eine Reihe
unterschiedlicher Fenster, Rahmen oder auch eine Lightbox
festlegen, in denen das Linkziel angezeigt werden soll.

Auswählen eines Zielfensters
1. Klicken Sie in dem Dialogfeld „Objekteigenschaften“ auf die

Registerkarte Hyperlink und dann auf die Registerkarte
Zielfenster.
2. Wählen Sie eine Option in dem Dropdownfeld Typ aus.

Die Navigationselemente 81

Auswählen der Hyperlinkdarstellung

Für künstlerische Texte, Rahmentexte oder Tabellentexte können
Sie in der Registerkarte „Darstellung“ des Dialogfelds verschiedene
Farboptionen für den Hyperlinktext festlegen.

Ändern der Hyperlinkdarstellung

• Legen Sie in der Registerkarte Darstellung über die
Dropdownliste Format die gewünschte Formatierung für den
Hyperlinktext fest.

Über die Registerkarte Erweitert können Sie Optionen
für die Barrierefreiheit festlegen, wie z. B. Zugriffstasten
und den Titel, der als QuickInfo angezeigt wird, wenn
Website-Besucher den Mauszeiger auf dem Link
platzieren.

Anzeigen und Bearbeiten bestehender Hyperlinks

• Klicken Sie im Menü Extras auf den Eintrag Website-
Manager > Hyperlink-Manager, um die Hyperlinks Ihrer
Website aufzulisten, ihre Namen zu ändern oder sie zu
löschen.

82 Die Navigationselemente

Anwenden von Aktionen

Aktionen lassen sich für Objekte (nicht für Texte) festlegen und
bieten Ihren Website-Besuchern mehr Interaktionsmöglichkeiten.
Hierfür stehen Ihnen die folgenden Aktionen zur Verfügung, die
gewöhnlich durch einen Mausklick oder das Platzieren der Maus auf
dem Objekt ausgelöst werden:

• Hinweis: Anzeigen eines Popup-Hinweisfensters (bei
Mausklick).

• Sichtbarkeit: Anzeigen eines Panels (bei Mausberührung oder
Klick).

• Deckkraft: Schaltet das Objekt transparent (bis zu der
Mausberührung), um z. B. nur bei der Mausberührung
Navigationsschaltflächen in dem Panel einzublenden.

• Z-Index: Ändern der Stapelfolge (Z-Index) des Objekts in
Relation zu anderen Objekten (bei Mausberührung). Ein hoher
Wert für den Z-Index (z. B. 150) stellt sicher, dass dieses Objekt
bei der Mausberührung immer vor allen anderen Objekten
angezeigt wird (also nicht verdeckt ist). Auf diese Weise lässt
sich z. B. ein Foto weiter unten in einem Bilderstapel mit der
Mausberührung oben auf den Stapel legen.

• Drucken: Drucken der aktuellen Seite über ein Drucken-
Dialogfeld (bei Mausklick).

• Slider: Hinzufügen einer Aktion (Wiedergabe, Pause usw.) zu
einer Navigationsschaltfläche, um die Wiedergabe des Sliders zu
steuern. Sie können die entsprechende Aktion zu allen
Navigationsschaltflächen zuordnen, d. h. die Wiedergabe-
Aktion zu einer Wiedergabe-Schaltfläche usw. Nähere
Informationen hierzu finden Sie unter „Einfügen von Slidern“
auf Seite 63.

Die Navigationselemente 83
• Slider-Feedback: Hiermit bestimmt der aktuelle

Wiedergabestatus des Sliders den Schaltflächenzustand. Der
Schaltflächenzustand ändert sich also dynamisch je nach
momentaner Aktivität des Sliders.

• Benutzerdefiniert: Hiermit können Sie selbst ein JavaScript
festlegen, das als Reaktion auf einen Mausklick, Tastendruck
usw. gestartet werden soll.

Die Registerkarte „Aktionen“ wird nur angezeigt, wenn Sie
ein Objekt auswählen. Nach der Auswahl von Text ist
diese Registerkarte nicht verfügbar.

Bevor Sie für ein Panel eine Aktion festlegen können,
müssen Sie zunächst das Panel erstellen. Weitere
Informationen hierzu finden Sie unter „Einfügen von
Panels“ auf Seite 51.

Festlegen einer Aktion

1. Klicken Sie in der Eigenschaftsleiste auf die Option
Aktionen bearbeiten.

2. Klicken Sie in dem Dialogfeld auf Hinzufügen und dann auf die
gewünschte Menüoption.

3. Konfigurieren Sie in dem Dialogfeld die gewünschte Aktion.
4. Klicken Sie auf die Schaltfläche OK.

Bei der Vorschau oder nach dem Publizieren der Webseite lässt sich
die ausgewählte Aktion dann mit einem Mausklick oder der
Platzierung des Mauszeigers auf dem Objekt auslösen.

84 Die Navigationselemente

Einfügen von Ankern

Ein Anker ist eine bestimmte Position auf einer Webseite, die als
Ziel für einen Hyperlink (siehe Seite 80) fungieren kann. Diese für
die Website-Besucher unsichtbaren Anker markieren für
gewöhnlich den Anfang von Absätzen, interessante Textstellen
oder Bilder auf einer Webseite.

Anhängen von Ankern an einen Textbereich

1. Führen Sie einen der folgenden Schritte aus:

i. Aktivieren Sie das Zeigerwerkzeug und platzieren Sie per
Mausklick eine Einfügemarke in dem Zieltext.

ii. Klicken Sie im Menü Text auf Einfügen > Anker, oder
drücken Sie die Tastenkombination Strg + Q.

Es wird nun das Anker-Dialogfeld geöffnet. Der Anker
übernimmt als Name automatisch das benachbarte Wort
im Zieltext.

2. (Optional) Um eine andere Bezeichnung für den Anker
festzulegen, ändern Sie den Text in dem Feld Name des
Ankers.

3. (Optional) Aktivieren Sie die Option Anker in Navigation
einschließen, damit der Anker über die Navigationsleiste
angesteuert werden kann anstatt über einen Hyperlink.
Sie müssen hierbei sicherstellen, dass in den
Einstellungen Ihrer Navigationsleiste die Option Anker
einschließen aktiviert und ein Titel für den Anker
eingestellt sind.

4. Klicken Sie auf die Schaltfläche OK.

Die Navigationselemente 85

Anhängen von Ankern an Objekte

1. Wählen Sie das Zielobjekt mit dem Zeigerwerkzeug aus.

2. Klicken Sie in der Eigenschaftsleiste auf die Option ID
und Anker.

3. Aktivieren Sie in dem Dialogfeld die Option Dieses Objekt
als Anker behandeln.

4. (Optional) Um anstelle der HMTL-ID des Objekts eine
bestimmte ID für den Anker festzulegen, deaktivieren Sie die
Option Objekt-ID verwenden und geben einen Namen in das
Feld Anker-ID ein.

5. (Optional) Aktivieren Sie die Option Anker in Navigation
einschließen, damit der Anker über die Navigationsleiste
angesteuert werden kann anstatt über einen Hyperlink. Sie
müssen hierbei sicherstellen, dass in den Einstellungen Ihrer
Navigationsleiste die Option Anker einschließen aktiviert
und ein Titel für den Anker eingestellt sind.

6. Klicken Sie auf die Schaltfläche OK.

Anzeigen und Bearbeiten bestehender Anker

• Klicken Sie im Menü Extras auf Website-Manager > Anker-
Manager, um den Anker für ein bestimmtes Objekt zu prüfen,
seinen Namen zu ändern oder den Anker zu löschen. Sie
können Anker ebenfalls in die Seitennavigation einbeziehen.

86 Die Navigationselemente

Willkommen 87

Interaktive
Objekte

88 Interaktive Objekte

Interaktive Objekte 89

Einfügen von Rollovergrafiken

Bilder, deren Darstellung sich durch ein Mausereignis verändert,
werden als Rollovergrafiken bezeichnet. Zu diesen
Mausereignissen gehören z. B. ein Mausklick oder das Platzieren
des Mauszeigers auf einem Objekt.

Einfügen von Rollover-Popups

In WebPlus werden Rollover-Popups hauptsächlich für Bilder
verwendet. Wenn ein Website-Besucher den Mauszeiger auf eine
Bildminiaturansicht bewegt, wird automatisch eine vergrößerte
Darstellung des entsprechenden Fotos eingeblendet (für
gewöhnlich ein wenig gegen die Miniatur versetzt).

90 Interaktive Objekte

Mit WebPlus können Sie die Position und Größe des Popups in
Relation zu der Miniaturansicht festlegen und auch die
Miniaturansicht jederzeit auswählen und vergrößern oder
verkleinern.

Einfügen von Rollover-Popups

1. Klicken Sie in der Kategorie „Interaktive Objekte“ der
Registerkarte QuickBuild auf das Symbol Rollover-Popup
und ziehen Sie den Mauszeiger mit gedrückter Maustaste über
Ihre Seite, um die Größe des Rolloverobjekts zu bestimmen.

2. Gehen Sie in der Registerkarte Rollovergrafik des nun
geöffneten Dialogfelds „Rollover-Popup bearbeiten“ wie folgt
vor:

• Wählen Sie das Bild für den Zustand „Normal“ aus, indem
Sie über die Schaltfläche Durchsuchen die gewünschte Datei
angeben. Klicken Sie anschließend auf die Schaltfläche
Öffnen.

ODER

Klicken Sie auf die Schaltfläche Quelldatei-Browser, und
wählen Sie ein Bild aus einem Ihrer gespeicherten
Quelldatei-Pakete aus.

• Standardmäßig wird das für „Normal“ ausgewählte Bild auch
für die Mouseover-Variante verwendet (z. B. für
Fotominiaturansichten). Mit den Schaltflächen
Durchsuchen und Quelldatei-Browser können Sie aber
auch ein völlig anderes Bild auswählen.

• (Optional) Legen Sie eine Animation und eine
Geschwindigkeit für den Popup-Effekt des Bildes fest.

Interaktive Objekte 91

• (Optional) Legen Sie für eines oder beide Bilder die
Exportoptionen fest (siehe „Einstellen der
Bildexportoptionen“ in der WebPlus-Hilfe).

• (Optional) Wenn Sie die Bilder in Ihre Website integrieren
möchten, aktivieren Sie die Option Bilddateien in Website
einbetten.

3. (Optional) Legen Sie in der Registerkarte Hyperlinks ein
Hyperlinkziel für den Rollover fest.

4. Klicken Sie auf die Schaltfläche OK.

Für die Rollover-Popups können Sie zusätzlich einen Titel
festlegen, der dann neben dem Mouseover-Bild eingeblendet wird.
Nähere Informationen hierzu finden Sie in der WebPlus-Hilfe.

Damit das Rollover-Popup möglichst effektiv ist, müssen Sie noch
die Position der Normal- und Mouseover-Bilder auf der Seite
festlegen. Die Position der Bilder lässt sich über ein Dialogfeld
präzise einstellen, indem Sie die Bilder einfach durch Ziehen mit
der Maus platzieren oder ihre Größe ändern. Alternativ lassen sich
die Einstellungen auch als absolute Pixelwerte festlegen.

Bearbeiten von Rollover-Popups

• Führen Sie einen Doppelklick auf das Normalbild einer Seite
aus, um das Dialogfeld „Rollover-Popup bearbeiten“ zu
öffnen. Stellen Sie die gewünschten Werte ein.

92 Interaktive Objekte

Einfügen einer Website-Suche

WebPlus verwendet eine leistungsstarke Suchfunktion, mit der Sie
oder Ihre Website-Besucher gezielt die Textrahmen und
Tabellentexte nach bestimmten Begriffen durchsuchen können.
Die Suchfunktion besteht aus zwei Teilen: einem Formular für die
Website-Suche und einem Rahmen für die Website-
Suchergebnisse.

Ergebnisse der Website-Suche: Hiermit erstellen Sie einen
Rahmen, in dem die Suchergebnisse angezeigt werden. Dieser
Rahmen wird für gewöhnlich auf einer separaten Seite platziert
und ist nicht Teil der Navigationsstruktur Ihrer Website.
Für gewöhnlich wird der Rahmen für die Suchergebnisse vor dem
Formular für die Website-Suche platziert.

Formular für die Website-Suche: In dieses Textfeld geben die
Website-Besucher den Begriff ein, nach dem die Webseiten
durchsucht werden sollen. Sie fügen dieses Objekt für gewöhnlich
auf einer Master-Seite ein, damit es auf allen Seiten Ihrer Website
verfügbar ist.

Interaktive Objekte 93

In den Suchergebnissen werden dann ein Seitenname mit
Hyperlink angezeigt sowie ein entsprechender Text der Webseite
als Referenz. Website-Besucher klicken einfach auf den Hyperlink,
um zu der entsprechenden Seite umzuschalten.

Einfügen des Objekts für die Website-
Suchergebnisse

1. Klicken Sie im Menü Einfügen auf Website-Suche und dann
auf Website-Suchergebnisse, um den Rahmen für die
Suchergebnisse nach seiner Konfiguration auf Ihrer Seite zu
platzieren.

ODER

2. Klicken Sie in der Kategorie „Interaktive Objekte“ der
Registerkarte QuickBuild auf das Symbol Rahmen für
Ergebnisse der Website-Suche und ziehen Sie den
Mauszeiger mit gedrückter Maustaste über Ihre Seite, um die
Größe des Rahmens für die Suchergebnisse zu bestimmen.

3. Legen Sie mit den Optionen des Dialogfelds für die Website-
Suchergebnisse die Darstellung der Texte und Hyperlinktexte
fest.

Es empfiehlt sich außerdem, die Suchergebnisse auf
einer separaten (eventuell neuen) Seite einzublenden.
Für diese Seite können Sie dann z. B. auch ein anderes
Design festlegen als für den Rest der Website. Um die
Darstellung auf der Seite zu ändern, führen Sie einfach
einen Doppelklick auf das Objekt für die Suchergebnisse
aus.

94 Interaktive Objekte

Einfügen eines Formularobjekts für die Website-
Suche

1. Klicken Sie im Menü Einfügen auf den Eintrag Website-
Suche und in dem nun geöffneten Untermenü auf Website-
Suche.

2. Klicken Sie mit dem Einfügen-Cursor auf die Seite, um das
Formularobjekt für die Website-Suche zu platzieren.

Damit Ihre Website-Besucher möglichst von allen Seiten
auf die Suchfunktion zugreifen können, sollten Sie das
Funktionsobjekt am oberen Rand einer Master-Seite
platzieren.

Bearbeiten der Darstellung für ein Suchen-Objekt

• Führen Sie einen Doppelklick auf das Suchen-Objekt aus, um
sein Bearbeitungsfenster zu öffnen. Stellen Sie die
gewünschten Werte ein.

Interaktive Objekte 95

Einfügen von Google Maps

Google Maps sind ideal, wenn Sie Ihren Website-Besuchern eine
genaue Karte zu Ihrem Unternehmen oder den Anfahrtsweg zu einem
besonderen Event zur Verfügung stellen möchten. Diese Karten eignen
sich ebenfalls hervorragend, um Sehenswürdigkeiten zu markieren.

Auf jeder Karte können Sie Marker platzieren, um bestimmte Orte zu
kennzeichnen.
Einfügen einer Google Map
1. Klicken Sie in der Kategorie „Interaktive Objekte“ der

Registerkarte QuickBuild auf das Symbol Google Map und
ziehen Sie den Mauszeiger mit gedrückter Maustaste über Ihre
Seite, um die Größe der Karte zu bestimmen.
2. Tragen Sie in dem Dialogfeld „Google Map“ Ihre Postleitzahl
oder Adresse in das Feld Folgenden Ort suchen ein und klicken
Sie anschließend auf Suchen. WebPlus sucht nun mit dem
Geolocator von Google nach der von Ihnen angegebenen Position
und zeigt die lokalen Adressen an.