zum Hauptinhalt wechseln zum Hauptmenü wechseln zum Fußbereich wechseln Universität Bielefeld Play Search
Breadcrumb überspringen und zum Hauptmenü wechseln

Alternative Navigation

SOZ-IT

Campus der Universität Bielefeld
© Universität Bielefeld

Auf dieser Webseite werden drei Möglichkeiten dargestellt auf einer Portal Page eine Webseiten-Navigation anzulegen. Da die Portal Page über kein Seiten-Menu verfügt, muss auf einem anderen Weg eine Navigationsstruktur angelegt werden, um Unter-Webseiten zu erreichen.

Die drei dargestellten Beispiele für Navigationsstrukturen sind einzeln als Teil einer Portal Page zu sehen, die im Wesentlichen die Funktion einer Landing Page hat. Diese Landing Page steht für einen einzelnen Aufgabenbereich und ermöglicht es Unter-Webseiten dieses Bereichs zu navigieren.

Auf dieser Webseite wird folgendes dargestellt:

  • Wie eine Portal Page als Landing Page genutzt werden kann.
  • Wie man alternative Navigationsstrukturen als ersatz für das Seiten-Menu anlegt.
  • Wie diese Navigationsstrukturen übersichtlich in Roxen gestaltet werden können.

Navigation 01

Occaecati quas voluptatem provident occaecati iure voluptatibus hic sed. Recusandae non veniam nesciunt expedita natus nemo. Nemo commodi qui labore non amet quia officia ut. Et quia quisquam dolorem qui. Laboriosam cupiditate dolorum in voluptatum.

At officiis autem enim et id est laudantium ratione. Perspiciatis suscipit provident eligendi. Non consectetur nostrum labore voluptatem eos.Nihil voluptatem ut nihil nesciunt ut. Accusamus aperiam amet ut omnis aliquam. Aut aliquam dolor cupiditate aliquam possimus accusamus officiis. Occaecati quas voluptatem provident occaecati iure voluptatibus hic sed. Recusandae non veniam nesciunt expedita natus nemo.

Navigation 01 // Kommentar

Das Beispiel Navigation 01 wird auf Basis einer Highlight Links Komponenten (linke Seite) und einer Text and Picture Komponente (rechte Seite) umgesetzt. Die Highlight Links Komponente ermöglicht es die Unter-Webseiten des Aufgabenbereichs zu erreichen. Die Text and Picture Komponente gibt Erläuterungen zum dem jeweilgien Aufgabenbereich.

Navigation 02

Navigation 02 // Kommentar

Das Beispiel Navigation 02 wird mit Hilfe der Section Teaser Komponente erzeugt. Die Unter-Webseiten des Aufgabenbereichs können über die einzelnen Section Teaser Elemente erreicht werden. Zu jedem Unterbereich wird eine kurze Erklärung geliefert.

Navigation 03

Erstes Element

Occaecati quas voluptatem provident occaecati iure voluptatibus hic sed. Recusandae non veniam nesciunt expedita natus nemo. Nemo commodi qui labore non amet quia officia ut. Et quia quisquam dolorem qui. Laboriosam cupiditate dolorum in voluptatum.

At officiis autem enim et id est laudantium ratione. Perspiciatis suscipit provident eligendi. Non consectetur nostrum labore voluptatem eos.Nihil voluptatem ut nihil nesciunt ut. Accusamus aperiam amet ut omnis aliquam.

Link zur Unter-Webseite

Zweites Element

Occaecati quas voluptatem provident occaecati iure voluptatibus hic sed. Recusandae non veniam nesciunt expedita natus nemo. Nemo commodi qui labore non amet quia officia ut. Et quia quisquam dolorem qui. Laboriosam cupiditate dolorum in voluptatum.

At officiis autem enim et id est laudantium ratione. Perspiciatis suscipit provident eligendi. Non consectetur nostrum labore voluptatem eos.Nihil voluptatem ut nihil nesciunt ut. Accusamus aperiam amet ut omnis aliquam.

Link zur Unter-Webseite

Drittes Element

Occaecati quas voluptatem provident occaecati iure voluptatibus hic sed. Recusandae non veniam nesciunt expedita natus nemo. Nemo commodi qui labore non amet quia officia ut. Et quia quisquam dolorem qui. Laboriosam cupiditate dolorum in voluptatum.

At officiis autem enim et id est laudantium ratione. Perspiciatis suscipit provident eligendi. Non consectetur nostrum labore voluptatem eos.Nihil voluptatem ut nihil nesciunt ut. Accusamus aperiam amet ut omnis aliquam.

Link zur Unter-Webseite

Navigation 03 // Kommentar

Das Beispiel Navigation 03 besteht aus sechs Text and Picture Komponenten die jeweils versetzt angeordnet wurden. Dieses Navigations-Beispiel eignet sich für Aufgabenbereiche mit einer geringen Anzahl an Unter-Webseiten. Zusätzlich bietet dieses Beispiel die Möglichkeit Funktion und Inhalt der Unter-Webseiten ausführlicher zu erklären, da mehr Platz für Text geboten wird.

Zum Seitenanfang