<< FH Düsseldorf  
FACE >> 
Geschichte >> 
Projekte >> 
Neue Projektideen >> 
Projektgruppe >> 
Artikel >> 
Weblog >> 

Übersicht >> 
Inhalt >> 
Gestaltung >> 
Redaktion >> 
Technik >> 
Barrierefreiheit >> 
Glossar >> 
Entwürfe>> 

Raster >> 
Farbe >> 
Hintergrund >> 
Typografie >> 
Navigation >>
Text >> 
Bild >> 
Container >> 

 
  FH D        
 

Fachhochschule
Düsseldorf




     

Navigation

 

Kopf-Navigation

Sub-Navigation

Fuß-Navigation

 

Kopf-Navigation

An welcher Stelle sich ein User auf der Webseite befindet, zeigt die Kopf-Navigation an. Die Kopf-Navigation ist auf der Hauptseite zu jeder Zeit sichtbar. Hierbei gibt es nur imaginäre Container.

Je nach Tiefe der Kopf-Navigation sind eine, zwei, drei oder vier Spalten sichtbar, jede Spalte bildet eine Navigationseben ab und kann bis zu 8 Navigationspunkte enthalten. Ein Navigationspunkt darf in der Standardschriftgröße nicht über zwei Zeielen laufen. Folgen keine weiteren Spalten kann sich die letzte Navigationsspalte auf die anderen Navigationsspalten erstrecken.

Der Text in der Kopfnavigation besteht aus Links, welche mit schwarzer Schrift, weißem Rollover und zusätzlich über zwei Doppelpfeile „ >> ” sowie davor und dahinter mit je ein Zeichen gekennzeichnet werden.

 

Auf allen Seiten die nicht die Hauptnavigation der Homepage www.fh-duesseldorf.de enthalten, wie zum Beispiel diesen Seiten der Projektgruppe FACE, gibt es oberhalb der Kopfnavigation zusätzlich eine schwarze Spalte, die unmittelbar an den Linken Rand anschließt, mit einem Abstand von 8px unterhalb. Diese Spalte enthält ein Link „ << FH Düsseldorf ”, das immer auf die Seite www.fh-duesseldorf.de verweist.

Beispiel

Punkt 1. >> 
Punkt 2. >> 

Punkt 3. >> 

Punkt 4. >> 

Punkt 5. >> 
Punkt 6. >> 
Punkt 7. >> 
Punkt 8. >> 

Punkt 3.1 >> 
Punkt 3.2 >> 

Punkt 3.3 >> 

Punkt 3.4 >> 

Punkt 3.5 >> 
Punkt 3.6 >> 
Punkt 3.7 >> 
Punkt 3.8 >> 

Punkt 3.1.1 >> 
Punkt 3.1.2 >> 

Punkt 3.1.3 >> 

Punkt 3.1.4 >> 

Punkt 3.1.5 >> 
Punkt 3.1.6 >> 
Punkt 3.1.7 >> 
Punkt 3.1.8 >> 

Punkt 3.1.5.1 >> 
Punkt 3.1.5.2 >> 

Punkt 3.1.5.3 >> 

Punkt 3.1.5.4 >> 

Punkt 3.1.5.5 >> 
Punkt 3.1.5.6 >> 
Punkt 3.1.5.7 >> 
Punkt 3.1.5.8 >> 

Sub-Navigation


Eine weitere Möglichkeit einer Navigationsebene ergibt sich durch einfügen eines Containers mit Links unterhalb des Kopf-Containers.

Beispiel

 

Punkt 3.1.5.7.1

Punkt 3.1.5.7.2

Punkt 3.1.5.7.3

 

Fuß-Navigation


Die Fuß-Navigation weist zu jedem Zeitpunkt zwei Spalten mit je einer Spaltenbreite auf. Die erste Spalte beinhaltet zwei Zeilen: „FH D” und das jeweils aktuelle Datum. In der Zweiten Spalte sind 6 Zeilen mit folgenden Links enthalten: Seitenanfang - gefolgt von einer Leerzeile -, Sitemap, Suche, Impressum und english. Die Links werden ebenso gekennzeichnet wie in der Kopf-Navigation.

Bei Seiten mit einem eigenen Kopfcontainer erscheint wird in der ersten Spalte des entsprechende Kürzel aufgenommen, z.B. „FH D FB 2”.

 

Beispiel

 

FH D FB 2
12.11.2003

Seitenanfang ^^ 

 

Sitemap >> 
Suche >> 
Impressum >> 
english >> 

So sieht zum Beispiel die Fuß-Navigation auf allen Seiten des FB Design unter www.fh-duesseldorf.de aus. Auf Seiten die nicht die Hauptnavigation der Homepage www.fh-duesseldorf.de enthalten, wie zum Beispiel diesen Seiten der Projektgruppe FACE) kann die Anzahl der Links reduziert sein, wenn es z.B. keine Sitemap, keine Suche, kein Impressum und keine englische Seite gibt.

 

FH D
12.11.2003

Seitenanfang ^^