|
|
|
Entwickeln Sie eine Navigationsstrategie Platzieren Sie einheitliche Wegweiser auf jeder Seite
|
Der erste Schritt beim Gestalten Ihrer Seiten besteht darin, die Link-Strategie zu entwickeln, die Ihre Besucher zum Navigieren in Ihrer Site verwenden werden. Sie sollten die Möglichkeit erhalten, von jeder Seite aus zu den wichtigsten Abschnitten der Site zu springen, sich in dem Abschnitt, in dem sie sich gerade befinden, weiter umzusehen und verwandte Themen zu finden. |
|
Übergeordnete Seitennavigation
|
Damit die Besucher Ihrer Website zu den wichtigsten Bereichen gelangen können, legen Sie oben oder am rechten oder linken Rand einer jeden Seite eine Navigationsleiste an. NetObjects
Fusion erspart Ihnen viel Arbeit, indem es Navigationsleisten
automatisch anlegt und aktualisiert (wechseln Sie hierzu in
die Ansicht"Seite"). Solange Sie nichts anderes
festlegen, haben die Leisten eine Verknüpfung zur Homepage und
zu jeder Seite in der ersten Ebene der Site-Struktur.
Wenn Sie Seitennamen in der Ansicht "Site" ändern oder
Abschnitte hinzufügen bzw. entfernen, aktualisiert das
Programm alle Leisten automatisch.
Links auf der Navigationsleiste werden nach den Seitennamen in der Site-Struktur benannt.
Natürlich können Sie die Leiste Ihren Wünschen anpassen; mehr dazu erfahren Sie beim Entwickeln eines einheitlichen Erscheinungsbildes für Ihre Seiten.
Magische Master-Rahmen Damit die Navigationsleiste auf allen Seiten angezeigt wird, platziert sie NetObjects Fusion im Master-Rahmen, einem speziellen Rand oben, links, rechts und unten auf der Seite. Was auch immer sich im Master-Rahmen befindet, wird auf jeder Seite, die den gleichen Master-Rahmen verwendet, angezeigt. Wenn Sie also den Master-Rahmen durch einen zusätzlichen Link auf der Navigationsleiste verändern, werden die Leisten auf den anderen Seiten automatisch aktualisiert.
|
In der gesamten Site generiert
NetObjects Fusion automatisch eine Navigationsleiste, die über Links zu den Seiten verfügt, die sich in der Site-Struktur direkt in der ersten Ebene unter der Homepage befinden.
|
Navigationsleiste im oberen Master-Rahmen
|
Was auch immer Sie im Master-Rahmen platzieren, wird auf jeder Seite, die den gleichen Master-Rahmen verwendet, dargestellt.
|
Untergeordnete Seitennavigation
|
Sie können den Besuchern beim Navigieren in den untergeordneten Bereichen Ihrer Site helfen, indem Sie sekundäre
Navigationsleisten
anlegen. Angenommen Ihrem Abschnitt "Produkte" sind
verschiedene Kategorien untergeordnet und darunter befinden sich jeweils Seiten zu einzelnen Produkten. Damit Besucher einfach von der Kategorie "Haushaltsgeräte" zur Kategorie "Gartengeräte" gelangen, können Sie eine sekundäre Navigationsleiste erstellen, die über Links zu jeder Kategorie verfügt, und diese Leiste dann auf allen Seiten im Bereich "Produkte" platzieren.
Behalten Sie die primäre Navigationsleiste zusätzlich bei, damit die Besucher weiterhin zu den übergeordneten Seiten wechseln können. NetObjects Fusion verleiht dieser neuen Leiste ein etwas anderes Aussehen, das dennoch zum Gesamtbild passt.
|
|
Eine sekundäre Navigationsleiste, die nur auf den Seiten des Bereichs "Produkte" angezeigt wird
Damit die sekundäre Navigationsleiste ausschließlich auf den Seiten des Bereiches "Produkte" angezeigt wird, erstellen Sie einen neuen Master-Rahmen (Sie können so viele definieren, wie Sie möchten) und fügen ihm eine sekundäre Leiste hinzu. Weisen Sie dann den neuen Master-Rahmen den Seiten für "Produkte" zu. Navigationsleisten werden gewöhnlich automatisch gemäß der Ebene in der Site-Struktur generiert. Somit müssen Sie einige Master-Rahmen erstellen und den entsprechenden Seiten zuweisen:
- Erstellen Sie einen Master-Rahmen für die Seite "Produkte" und fügen Sie ihr eine sekundäre Navigationsleiste hinzu, die über Verknüpfungen zu den untergeordneten Seiten verfügt, d. h. die Seiten direkt unter "Produkte" in der Site-Struktur.
- Legen Sie einen weiteren Master-Rahmen an, den Sie für jede Kategorieseite übernehmen und der über eine sekundäre Navigationsleiste verfügt, die Verknüpfungen zur aktuellen Ebene der Site-Struktur aufweist.
- Erstellen Sie zum Schluss einen dritten Master-Rahmen für jede Produktseite mit Links zur übergeordneten Ebene.
Da all diese Navigationsleisten automatisch auf der Site-Struktur basierend angelegt werden, werden bei der Änderung der Struktur, z. B. durch Hinzufügen einer neuen Produktkategorie, die Navigationsleisten ebenfalls aktualisiert.
Falls eine bestimmte Seite eine Navigationsleiste oder einen Master-Rahmen nicht verwenden soll (beispielsweise wenn Ihre Homepage ein anderes Link-Konzept erhält), weisen Sie dieser Seite den Null-Ränder Master-Rahmen zu. Details hierzu finden Sie in der Dokumentation zu Master-Rahmen.
Links zu anderen Seiten erstellen Sie können eine Navigationsleiste so anpassen, dass Sie über Links zu Seiten verfügt, die sich nicht auf einer bestimmten Ebene der Site-Struktur befinden. Links können:
- eine beliebige Seite einer anderen Ebene öffnen.
- auf externe Seiten in einer anderen Site verweisen.
- eine Datei herunterladen (z. B. ein PDF-Dokument).
- ein E-Mail-Fenster öffnen, das
bereits die betreffende Adresse erhält (z. B. die
Ihres technischen Supports oder Ihres Feedback-Alias).
Details hierzu finden Sie in der Dokumentation über Navigationsleisten. |
Den Stil der
Navigationsleiste und die Ebene der Site-Struktur, auf die sie
verweist, legen Sie auf der Eigenschaften-Palette der
Navigationsleiste fest.
|
Tipps zu Links
|
Sie sind natürlich nicht auf Links auf Navigationsleisten beschränkt. Im Folgenden erhalten Sie einen kurzen Überblick über weitere Optionen und Tipps zu ihrer Verwendung.
Setzen Sie Text-Links mit Maß und Ziel ein Farbige bzw. unterstrichene Text-Links eignen sich hervorragend für Indizes, Inhaltsverzeichnisse und Link-Listen mit kurzen, beschreibenden Namen (wie oben auf dieser Seite). Sie erfüllen ihren Zweck im Haupttext, solange Sie es nicht übertreiben. Damit Sie Ihren Schreibstil klar und verständlich halten, sollten Sie Text-Links am Ende einer Erörterung oder eines Absatzes verwenden, so wie wir es in dieser Site tun. Oder verwenden Sie sie in kurzen Klappentexten, deren einziger Zweck darin besteht, etwas kurz zu beschreiben und auf weitere Informationen zu verweisen, so wie ganz rechts auf dieser Seite.
Steigern Sie das Interesse mit Grafik-Links und Imagemaps Natürlich können Sie auch ein Bild oder ein beliebiges Grafikelement zu einem Link machen. Wenn Sie etwas Besonderes möchten, können Sie eine Imagemap verwenden, bei der das Klicken auf verschiedene Bereiche eines einzelnen Bildes zu unterschiedlichen Seiten führt. Wenn Sie auf Ihrer Site beispielsweise Produkte Ihres Unternehmens vertreiben, können Sie auf Ihrer Homepage eine Imagemap anlegen, mit der Besucher in die verschiedenen Abteilungen gelangen können.
Sparen Sie Platz mit Dropdown-Listen Sie können eine lange Liste mit Links zur Verfügung stellen, ohne dass dabei viel Platz in Anspruch genommen wird; legen Sie hierzu einfach eine Dropdown-Liste mit den Links an. Besucher öffnen die Liste und wählen dort die gewünschte Seite aus.
Link-Menü, das mit der Gehe-Menü-Komponente erstellt wurde
Sie können auf einfache Art und Weise solch ein Menü mittels der Go
Menu-Komponente
anlegen, die in NetObjects Fusion verfügbar ist. Zusätzliche Funktionen enthält
|
Das Erstellen von Links und Imagemaps mit NetObjects Fusion ist sehr einfach. In der Dokumentation über Links und Anker erfahren Sie, wie sie angelegt
werden.
|
Verwenden Sie eine Site-Map: Navigationsmöglichkeiten auf einen Blick Wenn Ihre Site groß ist, ist es empfehlenswert, einen Index oder eine Site-Map anzulegen, die Besuchern eine Übersichtskarte bietet, mit der sie jede einzelne Seite der Website aufrufen können. Sie können eine Text-Map (in Englisch) wie diese automatisch generieren, indem Sie die Site Mapper-Komponente hinzufügen, die in NetObjects Fusion enthalten ist. Dadurch wird eine grafische Karte Ihrer Site-Struktur erzeugt, die allerdings keine Beschriftungen aufweist; deshalb sollten Sie die kostenlose Site2Map-Komponente von eFuse (in Englisch) herunterladen, um die Map in Text-Links zu konvertieren.
Wenn Sie jedoch eine Grafik-Map (in Englisch) wie diese wollen, sollten Sie die SiteMap-Komponente
von Coolmaps verwenden.
Ermöglichen
Sie es Besuchern, mit Schlüsselwörtern nach bestimmten Seiten zu suchen Viele Seiten verfügen über ihre eigene Suchroutine, bei der Besucher ein paar Wörter eingeben, die beschreiben, wonach sie suchen. Daraufhin wird eine Liste mit Seiten, die diese Wörter enthalten, angezeigt. Mit Hilfe der folgenden kostenlosen Dienste können Sie ganz einfach einen solchen Suchmechanismus in Ihre Site implementieren:
Sie müssen etwas HTML-Code auf Ihrer Site einfügen, damit diese Dienste funktionieren; wenn Sie so weit sind, finden Sie in der Dokumentation zum Hinzufügen von HTML-Code die notwendige
Anleitung. |
Wie bei einem
Buchindex ist eine Site-Map nicht die Hauptmethode, mit der
Besucher auf Ihrer Site navigieren, sondern eher eine
nützliche Alternative, mit der sie jede Seite auf schnelle Art
und Weise finden können.
|
Lassen Sie über einen Link ein weiteres Browser-Fenster öffnen Damit Besucher nicht von ihrem Ausgangspunkt abkommen, wenn sie zu einer anderen Seite springen, können Sie über einen Link ein weiteres Browser-Fenster öffnen lassen. In NetObjects Fusion ist dies mit ein paar sehr einfachen HTML-Zeilen zu bewerkstelligen. (Sie können dies sogar ohne jegliche HTML-Kenntnisse schaffen; in der Dokumentation erfahren Sie, wie es geht). Zusätzliche Funktionen gibt es bei der
Wenn Sie möchten, dass die Besucher das neue Browser-Fenster schließen, wenn sie fertig sind (z. B. nachdem sie eine kurze Operation ausgeführt haben), können Sie sie dazu ermuntern, indem Sie eine auffällige Schließen-Schaltfläche auf der Seite platzieren. Verwenden Sie hierzu die CloseButton/Picture-Komponente von Apollon.
Fügen Sie
Ihrer Homepage noch einige weitere intelligente Links hinzu Hier einige Tricks, die Sie vielleicht anwenden möchten:
- Begrüßen Sie Besucher mit einer Splash-Seite, die einige Sekunden lang eingeblendet wird (z. B. um ein Produktlogo anzuzeigen), und leiten Sie sie dann auf Ihre richtige Homepage. Sie müssen hierzu einfach ein paar simple HTML-Zeilen eingeben. In der Dokumentation
erfahren Sie, wie es geht (auch hier benötigen Sie keine HTML-Kenntnisse).
- Mit der BrowserRedirect -Komponente von Apollon erkennt Ihre Homepage, welchen Browser ein Besucher verwendet; sie zeigt dann auf diesen Browser abgestimmte Seiten an. Leiten Sie Besucher mit Browsern der Version 4.0 oder höher auf Seiten mit fortgeschrittenen Effekten und Besucher, die ältere Browser-Versionen verwenden, auf einfachere Seiten.
- Wenn Sie Ihre Website in
verschiedenen Sprachen publizieren, können Sie die BrowserLanguageRedirect-Komponente
von Apollon verwenden, damit Ihre Homepage erkennen kann,
auf welche Sprache der Browser des Besuchers eingestellt
ist. Besucher aus aller Welt werden dann automatisch auf die
passende Site-Version umgeleitet, ohne die Sprache manuell
auswählen zu müssen.
|
Erstellen Sie Links
zu anderen Sites, ohne dass Besucher Ihre Site verlassen
müssen. Lassen Sie hierzu ein weiteres Browser-Fenster öffnen
(wie in dieser Site, wenn Sie auf einen Link zu eFuse
klicken).
|
Sobald Sie einen Plan für die grundlegenden Funktionen Ihrer Site erstellt haben, können Sie daran arbeiten, wie die Elemente im Einzelnen aussehen sollen.
Weiter: Entwickeln eines einheitlichen Erscheinungsbildes
|
|
|
|
|
|
|
|