Kopf- und Fußzeile
Der Rahmen jeder Seite. Oben die Navigation, unten der Abschluss — beide auf jeder Seite gleich, weil sie die Orientierung tragen: Wer nicht mehr weiß, wo er ist, sucht zuerst oben links das Logo und dann unten die Rechtsverweise.
Die Kopfzeile ist das einzige Bauteil im Projekt, das im Browser JavaScript braucht — allein wegen des Aufklappens auf schmalen Geräten. Alles andere, auch die Formulare, wird auf dem Server fertig gebaut und kommt als Seite an.
Kopfzeile
Klebt beim Scrollen oben und wird dabei leicht durchscheinend, damit man sieht, dass darunter etwas weiterläuft. Rechts steht genau eine gelbe Aufforderung — sie ist auf jeder Seite dieselbe.
Roll im Kasten nach unten: Die Zeile bleibt stehen. Mach das Fenster schmaler als 980 Pixel, dann wird aus der Navigation ein Knopf — und das aufgeklappte Menü erscheint als Feld unter der Kopfzeile, nicht als Schublade von der Seite. Die Kopfzeile bleibt so sichtbar, und der Weg zurück ist derselbe Knopf.
Dieser Text steht nur da, damit sich im Kasten etwas scrollen lässt. Achte darauf, wie die Kopfzeile beim Scrollen einen Schatten bekommt — das ist der Hinweis, dass sie jetzt über dem Inhalt liegt und nicht mehr darauf.
Die Höhe der Kopfzeile steht als Token fest. Jede Seite, die einen Anker anspringt, rechnet mit diesem Wert, damit die Überschrift nicht hinter der Zeile verschwindet.
Und noch ein Absatz, damit der Rollbereich lang genug ist, um die Wirkung wirklich zu sehen.
Fußzeile
Dunkel wie der Abschluss der Startseite, damit die Seite unten zur Ruhe kommt statt hell auszufransen. Verwendet denselben Verlauf wie eine dunkle Sektion — nicht nachgebaut, sondern dieselben Werte.
Impressum, Datenschutz und AGB stehen bewusst getrennt in einer eigenen Zeile ganz unten. Sie müssen von jeder Seite aus in einem Schritt erreichbar sein und dürfen nicht zwischen Marketingverweisen untergehen — in Deutschland ist das nicht nur eine Frage der Höflichkeit.
Beides zusammen
So rahmen die beiden eine Seite ein. Was dazwischenliegt, ist eine Folge von Sektionen — jede beginnt mit einem Sektionskopf, und die Gründe wechseln sich ab.