Bernd: Frage zu einem Designaufbau und deren Umsetzung

Beitrag lesen

Guten Abend an alle,

ich möchte gerne so einen Header bauen: http://ferdykorpershoek.com/

Dazu ein paar Fragen:

  1. Wie groß sollte das Bild in der Breite sein? Das Bild sollte in etwa so aussehen: https://gym.oceanwp.org/

  2. Auf dem Bild, sollte immer mittig (oben unten / links rechts) ein Claim der über zwei Zeilen geht) angeordnet werden, wie in diesem Beispiel: https://gym.oceanwp.org/

  3. Wenn ich etwas nach unten scolle, sollte wie im Beispiel die Navigation etwas dunkler werden.

  4. Ich habe 4 Bereiche auf meiner Seite (Startseite, Über mich, Leistungen, Blog). Jeder Bereich sollte auf der Startseite aufgelistet werden (OnePager) Wenn ich auf Leistungen klicke möchte ich gerne direkt in den Bereich springen, die Navigation sollte stehen bleiben, so wie in diesem Beispiel https://megagym.oceanwp.org/ auf "Our Process" klicken.

  5. Und zum Abschluss im Bereich Blog würde ich gerne so eine Darstellung https://gym.oceanwp.org/ (OUR LATEST NEWS) haben.

Fragen über Fragen und vor allem wie fange ich von den Elementen auf der Seite an? Ich würde die Seite gerne modern aufbauen. Alte Browser sind für mich nicht so wichtig, sagen wir bis zum IE 11. Meine Idee war CSS Grid, da habe ich ein interessanten Beitrag http://t3n.de/magazin/css-grid-layout-vorgestellt-gestalten-rastern-242792/3/ gelesen. Kann ich dieses auf meine Bespiele anwenden?

Vielleicht noch kurz etwas zu den einzelnen Unterseiten. Diese sollten später zweispaltig werden (70/30) wie hier zu sehen ist https://travel.oceanwp.org/category/adventure/

Ich bin für jede Diskussion und Vorschläge offen.