Kopfzeile einer Webseite
Mögliche Bestandteile:
- Firmenname und/oder Firmenlogo
- Name der Webseite
- (ausgeschriebene) Kontaktdaten
- Navigationsleiste
Erstellen des Headers
Die Kopfzeile wird mit diesem Tag <header> Kopfzeilentext </header> festgelegt (Bei der richtigen Anwendung OHNE Leerzeichen).
Der Header kann auch mithilfe eines Content-Management-Systems wie z.B. WordPress erstellt werden, mit welchem wir als Webdesign Agentur München primär arbeiten. Der Header ist meist eine einzige Grafik (Navigationsleiste ausgenommen), die aus den einzelnen Elementen zusammengestellt wurde. Innerhalb einer Website bleibt die Kopfzeile auf jeder Seite gleich. Die Navigationsleiste ist ein separates Element, welches aber noch zum Header zählt. Die Navigationsleiste sollte nie mit CSS oder JavaScript erstellt werden, da dies die Darstellung beeinträchtigen kann, denn JavaScript kann nicht auf allen Browsern angezeigt werden und lässt sich von den Usern ausschalten.
Formatierung des Headers
Die übliche Auflösung von heutigen Bildschirmen sind 1024 Pixel in der Breite. Der Header sollte folglich auch so breit sein. In der Regel werden davon noch 24 Pixel für die Scrollleiste abgezogen sowie 100 bis 150 Pixel für die Lesezeichen-Leiste. Sollte der Header in HTML erstellt werden, so sollte es eine eigene Frame besitzen. Dadurch wird er nicht immer aufs neue geladen. Bestenfalls komprimiert man den Header, um die Ladezeit nicht zu erhöhen. Daher sollten Bilder im JPG, PNG oder GIF verwendet werden, da es hier bei der Komprimierung zu keinem Qualitätsverlust kommt.
© Robert Kneschke – stock.adobe.com
Seien Sie der Erste und schreiben Sie uns Ihre Gedanken zu diesem Beitrag. Wir freuen uns über Ihre Anregungen, Lob und Tadel gleichermaßen.