Es gibt viele Arten einen Header zu gestalten. Meistens enthält er ein Firmenlogo oder den Firmennamen als Text und eine Navigation.
Eventuell noch ein schönes Hintergrundbild oder sogar ein Video...
Bei der Entscheidung sollte man abwägen, ob der Besucher "Videogezappel" sehen möchte oder dafür doch lieber ins Kino geht.
Ich gehe meistens auf eine Webseite weil ich eine bestimmte Information suche ;-)
Ich versuche auf den folgenden Seiten einige Beispiele für Flex u. Grid zu geben, damit Sie das Rad nicht jedes mal neu erfinden müssen. Ich z.B. tue mir jedesmal schwer, wieder von vorne anzufangen. Zumal ich das nicht jeden Tag mache.
Mein Ziel ist, Komponenten zu erstellen, die man einigermassen problemlos in ein HTML-Grundgerüst einbauen kann.
Danach kann ein Benutzer mit seinen eigenen Wünschen und Vorstellungen weiterarbeiten.
class: header-01: Header mit Firmenname und 4 HauptmenüsNur 4 Hauptmenüeinträge. Kann auch für Mobilansicht verwendet werden.
class: header-01-mit-dropdown: Header mit Firmenname und 4 Hauptmenüs mit UntermenüsNur für Desktop geeignet, weil sich die Untermenüs bei der Mobilansicht überlappen!
class: header-01-mit-dropdown-bild: Header mit Firmenlogo (als Bild), Navigation mit UntermenüsNur für Desktop geeignet, weil sich die Untermenüs bei der Mobilansicht überlappen!
class: header-01-mit-background-bild: Header mit Backgroundbild, Titel und Navigation mit UntermenüsNur für Desktop geeignet, weil sich die Untermenüs bei der Mobilansicht überlappen!
class: nav-animated-01: Spielerei..., hat nur 2 Tage gedauert :-(
class: info-einblenden: Beim Hovern über die Links wird darunter ein Bild eingeblendet.Platzhalter