TYPO3 - Navigation: Unterschied zwischen den Versionen

ZIM HilfeWiki - das Wiki
(Die Seite wurde neu angelegt: „{{article |type=Anleitung |service=Service:Typo3 |targetgroup=Angestellte |hasdisambig=Nein }} Kurzer Einleitungstext == Was ist zu tun? == * Stichpunktart…“)
 
 
(10 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 5: Zeile 5:
 
|hasdisambig=Nein
 
|hasdisambig=Nein
 
}}
 
}}
−
Kurzer Einleitungstext
+
==== Was bedeutet Navigation auf einer Webseite? ====
 +
Navigation bezeichnet die verschiedenen Elemente und Mechanismen einer Webseite, die Besucher*innen helfen, sich auf der Seite zurechtzufinden und die gewünschten Informationen schnell und einfach zu erreichen. Eine gelungene Navigation sorgt dafür, dass Besucher*innen nicht „verloren gehen“, sondern jederzeit wissen, wo sie sich befinden und wie sie zu anderen relevanten Inhalten gelangen können.
  
−
== Was ist zu tun? ==
+
==== Warum ist das Thema auf einer Universitätsseite besonders komplex? ====
−
* Stichpunktartige Auflistung
+
Gerade eine Webseite von einer Universität wie der UPB ist inhaltlich und organisatorisch sehr vielschichtig. Unterschiedliche Zielgruppen – etwa Studieninteressierte, Studierende, Forschende oder Mitarbeitende – haben sehr unterschiedliche Informationsbedürfnisse. Die Vielzahl an Fachbereichen, Serviceangeboten, Forschungsprojekten, Lehrinhalten und administrativen Informationen erfordert eine differenzierte Navigation, die diese Komplexität abbildet.
−
* aller Arbeitsschritte
 
  
−
== Schritt-für-Schritt Anleitung ==
+
==== Navigationselemente auf den Seiten der UPB ====
−
Jeder Arbeitschritt wird hier genau erklärt und ggf. mit Screenshots hinterlegt.
+
Auf der UPB-Webseite werden verschiedene Navigationselemente eingesetzt, die sich in Funktion und Zweck unterscheiden. Diese unterschiedlichen Bausteine ergänzen sich, um einen klaren, übersichtlichen und flexiblen Zugang zu den Inhalten zu ermöglichen – von der groben Orientierung über den Inhalt bis hin zum direkten Zugriff auf spezielle Services.
  
−
=== Dabei sollten ===
+
[[Datei:SCreenshot Typo3 Navigation.png|mini|''Übersicht über die Navigationselemente auf den UPB-Webseiten''|alternativtext=|zentriert|571x571px]]
−
Unterschritte
+
====Übersicht über die Navigationselemente====
 +
{| class="wikitable"
 +
|+
 +
!'''Navigationselement'''
 +
!
 +
!'''Anwendung'''
 +
!
 +
!
 +
|-
 +
|
 +
===== [[TYPO3 - Burger Menue|Anleitung TYPO3 - Burgermenü]] =====
 +
|
 +
|
 +
* Öffnet sich über das „Burger“-Symbol (drei Linien)
 +
*  Dient der Navigation zwischen verschiedenen Seiten                                                                                                      und Ebenen
 +
* Spiegelt in der Regel die Seitenhierarchie wider
 +
* Umfang und Struktur richten sich nach dem jeweiligen Bereich der Webseite
 +
* Wechselt meist bei Bereichswechsel, Einrichtung ist optional
 +
* Burger-Menüs werden auf Wunsch durch das ZIM für einen Bereich eingerichtet
 +
|
 +
|
 +
|-
 +
|
 +
=====[[TYPO3 - Burger Menue|Sticky Navigation]]=====
 +
|
 +
|
 +
* Unterhalb der Bühne, bleibt beim Scrollen oben sichtbar (sticky) und sorgt so für dauerhafte Orientierung
 +
* Dient der Navigation innerhalb einer Seite (Sprung zu Inhaltsabschnitten)
 +
* Passt sich bei Seitenwechsel an den jeweiligen Inhalt an
 +
* Kann bei Bedarf ausgeblendet werden
 +
|
 +
|
 +
|-
 +
|
 +
===== Bread-Crumb =====
 +
|
 +
|
 +
* Befindet sich unterhalb der Sticky Navigation und oberhalb der Inhalte
 +
* Zeigt den aktuellen Pfad innerhalb der Webseitenstruktur an
 +
* Ermöglicht schnelle Rücksprünge zu übergeordneten Seiten
 +
* Gibt eine visuelle Standortrückmeldung
 +
* Wird automatisch erzeugt und passt sich an jede Seite an
 +
|
 +
|
 +
|-
 +
|
 +
===== Suchfunktion =====
 +
|
 +
|
 +
* Globale Suche über das Lupen-Symbol in der Kopfzeile erreichbar
 +
* Ermöglicht die direkte Suche nach Inhalten anhand von Stichworten
 +
* Ideal, wenn Nutzer*innen genau wissen, wonach sie suchen
 +
* Erzeugt automatische Ergebnisausgaben auf Basis der Google-Suche
 +
|
 +
|
 +
|-
 +
|
 +
===== Kopfzeile =====
 +
|
 +
|
 +
* Beinhaltet den Bereichsnamen als Link zur Startseite des jeweiligen Bereichs
 +
* Wechselt dynamisch je nach aktuellem Arbeitsbereich
 +
* Zielverlinkung wird vom ZIM konfiguriert
 +
|
 +
|
 +
|-
 +
|
 +
=====[[TYPO3 - Footer bearbeiten|Footer]]=====
 +
|
 +
|
 +
* Befindet sich am unteren Rand jeder Seite
 +
* Enthält dauerhaft relevante Links und Informationen (z. B. Kontakt, Impressum, Datenschutz)
 +
* Besteht aus einem universellen UPB-Footer sowie bereichsspezifischen Footer-Elementen
 +
* Bereichsspezifische Inhalte werden automatisch aus dem Profilmanager eingelesen
 +
* Weitere Funktionen wie z. B. Schnellzugriffe können über das ZIM konfiguriert werden.
 +
|
 +
|
 +
|}
  
−
=== in sinnvolle Abschnitte ===
+
==== Navigationsergänzende Elemente ====
−
unterteilt werden
+
Neben der primären Navigation unterstützen weitere Elemente die Benutzerführung auf der Webseite. Diese sind vor allem inhaltlicher oder verlinkender Natur und helfen dabei, Querverweise und gezielte Hinweise zu platzieren.
 +
{| class="wikitable"
 +
|+
 +
!
 +
===== Teaser-Elemente =====
 +
Anleitungen
  
−
=== dazu nutzt man dann ===
+
[[TYPO3 - Teaser - Page Teaser|TYPO3 – Page Teaser]]
−
Überschriften dritter Ordnung
 
  
−
=== Nebenbei ===
+
[[TYPO3 - Teaser - Themen Teaser Slider|TYPO3 – Topic Teaser]]
−
* Hier nochmal der Hinweis auf den Menüpunkt "Mitmachen" links im Hauptmenü, hinter dem sich wertvolle Anleitungen und Hinweise verstecken.
+
!
−
* Erfahrene Redakteure finden unterhalb der "Kategorie:Utility templates" interessantes Handwerkszeug für fortgeschrittene Textmanipulationen.
+
!
 +
* Werden im Inhaltsbereich platziert
 +
* Dienen dazu, auf weitere Webseiten oder Inhalte aufmerksam zu machen („teasern“)
 +
* Verschiedene Typen möglich (z. B. Page-Teaser, Topic-Teaser)
 +
* Können von Redakteur*innen flexibel eingesetzt werden
 +
!
 +
|-
 +
!
 +
===== [[TYPO3 - Interne Verlinkung|Links]] =====
 +
!
 +
!
 +
* Verweisen auf andere Seiten innerhalb oder außerhalb der Webseite
 +
* Erlauben Navigation durch Klicken
 +
* Sind häufig in Texten, Listen oder als Schaltflächen eingebaut
 +
* Verschiedene Linktypen vorhanden und frei einsetzbar
 +
!
 +
|-
  
−
== Siehe auch ==
+
|}
−
Weitere interessante Artikel zum gleichen Themenfeld verlinken
+
==== Siehe auch: ====
 +
 
 +
* [[TYPO3 - Burger Menue|TYPO3 – Burger Menue]]
 +
* TYPO3 – Sticky Navigation (Anleitung folgt)
 +
* [[TYPO3 - Teaser - Page Teaser|TYPO3 – Page Teaser]]
 +
* [[TYPO3 - Teaser - Themen Teaser Slider|TYPO3 – Topic Teaser]]
 +
* [[TYPO3 - Interne Verlinkung|TYPO3 – Interne Verlinkungen]]

Aktuelle Version vom 20. August 2025, 09:18 Uhr

Allgemeine Informationen
Anleitung
Informationen
BetriebssystemAlle
ServiceTYPO3
Interessant fürAngestellte
HilfeWiki des ZIM der Uni Paderborn

no displaytitle found: TYPO3 - Navigation

Was bedeutet Navigation auf einer Webseite?[Bearbeiten | Quelltext bearbeiten]

Navigation bezeichnet die verschiedenen Elemente und Mechanismen einer Webseite, die Besucher*innen helfen, sich auf der Seite zurechtzufinden und die gewünschten Informationen schnell und einfach zu erreichen. Eine gelungene Navigation sorgt dafür, dass Besucher*innen nicht „verloren gehen“, sondern jederzeit wissen, wo sie sich befinden und wie sie zu anderen relevanten Inhalten gelangen können.

Warum ist das Thema auf einer Universitätsseite besonders komplex?[Bearbeiten | Quelltext bearbeiten]

Gerade eine Webseite von einer Universität wie der UPB ist inhaltlich und organisatorisch sehr vielschichtig. Unterschiedliche Zielgruppen – etwa Studieninteressierte, Studierende, Forschende oder Mitarbeitende – haben sehr unterschiedliche Informationsbedürfnisse. Die Vielzahl an Fachbereichen, Serviceangeboten, Forschungsprojekten, Lehrinhalten und administrativen Informationen erfordert eine differenzierte Navigation, die diese Komplexität abbildet.

Navigationselemente auf den Seiten der UPB[Bearbeiten | Quelltext bearbeiten]

Auf der UPB-Webseite werden verschiedene Navigationselemente eingesetzt, die sich in Funktion und Zweck unterscheiden. Diese unterschiedlichen Bausteine ergänzen sich, um einen klaren, übersichtlichen und flexiblen Zugang zu den Inhalten zu ermöglichen – von der groben Orientierung über den Inhalt bis hin zum direkten Zugriff auf spezielle Services.

Übersicht über die Navigationselemente auf den UPB-Webseiten

Übersicht über die Navigationselemente[Bearbeiten | Quelltext bearbeiten]

Navigationselement Anwendung
Anleitung TYPO3 - Burgermenü[Bearbeiten | Quelltext bearbeiten]
  • Öffnet sich über das „Burger“-Symbol (drei Linien)
  •  Dient der Navigation zwischen verschiedenen Seiten und Ebenen
  • Spiegelt in der Regel die Seitenhierarchie wider
  • Umfang und Struktur richten sich nach dem jeweiligen Bereich der Webseite
  • Wechselt meist bei Bereichswechsel, Einrichtung ist optional
  • Burger-Menüs werden auf Wunsch durch das ZIM für einen Bereich eingerichtet
Sticky Navigation[Bearbeiten | Quelltext bearbeiten]
  • Unterhalb der Bühne, bleibt beim Scrollen oben sichtbar (sticky) und sorgt so für dauerhafte Orientierung
  • Dient der Navigation innerhalb einer Seite (Sprung zu Inhaltsabschnitten)
  • Passt sich bei Seitenwechsel an den jeweiligen Inhalt an
  • Kann bei Bedarf ausgeblendet werden
Bread-Crumb[Bearbeiten | Quelltext bearbeiten]
  • Befindet sich unterhalb der Sticky Navigation und oberhalb der Inhalte
  • Zeigt den aktuellen Pfad innerhalb der Webseitenstruktur an
  • Ermöglicht schnelle Rücksprünge zu übergeordneten Seiten
  • Gibt eine visuelle Standortrückmeldung
  • Wird automatisch erzeugt und passt sich an jede Seite an
Suchfunktion[Bearbeiten | Quelltext bearbeiten]
  • Globale Suche über das Lupen-Symbol in der Kopfzeile erreichbar
  • Ermöglicht die direkte Suche nach Inhalten anhand von Stichworten
  • Ideal, wenn Nutzer*innen genau wissen, wonach sie suchen
  • Erzeugt automatische Ergebnisausgaben auf Basis der Google-Suche
Kopfzeile[Bearbeiten | Quelltext bearbeiten]
  • Beinhaltet den Bereichsnamen als Link zur Startseite des jeweiligen Bereichs
  • Wechselt dynamisch je nach aktuellem Arbeitsbereich
  • Zielverlinkung wird vom ZIM konfiguriert
Footer[Bearbeiten | Quelltext bearbeiten]
  • Befindet sich am unteren Rand jeder Seite
  • Enthält dauerhaft relevante Links und Informationen (z. B. Kontakt, Impressum, Datenschutz)
  • Besteht aus einem universellen UPB-Footer sowie bereichsspezifischen Footer-Elementen
  • Bereichsspezifische Inhalte werden automatisch aus dem Profilmanager eingelesen
  • Weitere Funktionen wie z. B. Schnellzugriffe können über das ZIM konfiguriert werden.

Navigationsergänzende Elemente[Bearbeiten | Quelltext bearbeiten]

Neben der primären Navigation unterstützen weitere Elemente die Benutzerführung auf der Webseite. Diese sind vor allem inhaltlicher oder verlinkender Natur und helfen dabei, Querverweise und gezielte Hinweise zu platzieren.

Teaser-Elemente[Bearbeiten | Quelltext bearbeiten]

Anleitungen

TYPO3 – Page Teaser

TYPO3 – Topic Teaser

  • Werden im Inhaltsbereich platziert
  • Dienen dazu, auf weitere Webseiten oder Inhalte aufmerksam zu machen („teasern“)
  • Verschiedene Typen möglich (z. B. Page-Teaser, Topic-Teaser)
  • Können von Redakteur*innen flexibel eingesetzt werden
Links[Bearbeiten | Quelltext bearbeiten]
  • Verweisen auf andere Seiten innerhalb oder außerhalb der Webseite
  • Erlauben Navigation durch Klicken
  • Sind häufig in Texten, Listen oder als Schaltflächen eingebaut
  • Verschiedene Linktypen vorhanden und frei einsetzbar

Siehe auch:[Bearbeiten | Quelltext bearbeiten]

Content Management System (CMS) das zum Erstellen, Bearbeiten und Pflegen von Webseiten genutzt wird.

Zentrum für Informations- und Medientechnische Dienste der Universität Paderborn (ZIM) - Ehemals IMT

Bei Fragen oder Problemen können Sie uns zu unseren Servicezeiten telefonisch oder per E-Mail erreichen:

☎ Helpdesk: +49 (5251) 60-5544 • ☎ Medien: +49 (5251) 60-2821 • E-Mail: zim@uni-paderborn.de

Oder Sie besuchen uns vor Ort: Sie finden das Notebook-Café gemeinsam mit dem Servicecenter Medien in H1.201.

Servicezeiten

Mo - Do Fr
Vor-Ort-Support 08:30 - 16:00 08:30 - 14:00
Telefonsupport 08:30 - 16:00 08:30 - 14:00
Servicecenter Medien 08:30 - 16:00 08:30 - 14:00
Abgerufen von „https://hilfe.uni-paderborn.de/index.php?title=TYPO3_-_Navigation&oldid=39992“
Cookies helfen uns bei der Bereitstellung des ZIM HilfeWikis. Bei der Nutzung vom ZIM HilfeWiki werden die in der Datenschutzerklärung beschriebenen Cookies gespeichert.
Weitere Informationen