Design nachbauen

[MrMurphy1]

Hallo

ich habe mir sagen lassen, dass Bootstrap für ein „richtiges“ Design nicht geeignet ist

Viele praktische Beispiele beweisen das Gegenteil. Auch dir von dir verlinkte Seite benutzt ja Bootstrap. Da du es nachbauen willst kann das Design der Seite so schrecklich ja nicht sein.

wie würdet ihr das HTML gestalten

Die Grundstruktur ist einfach. Mehrere Container über die gesamte Seitenbreite.

Navigation als absolut platziert, diese sollte bei mir immer oben stehen bleiben.

Dafür gibt es verschiedene Möglichkeiten, von einem einfachen "position: fixed" bis zu visuell ansprechenderen Lösungen mit JavaScript.

Jeder Bereich ist eine Section

Besser: Jeder Bereich ist ein Container. Ob es sich dabei um header, section, article, aside ... handelt hängt vom Inhalt ab.

Jede Section hat einen „container“ da manche Bereich über die ganze Seite laufen sollen, andere wiederrum begrenz werden

Unnötige Container sollten bei selbst erstellten Webseiten vermieden werden.

Bin ich damit auf einem guten Weg?

Insgesamt ja. Du hast aber einige veraltete / falsche Vorstellungen, von denen du dich lösen solltest.

Als erstes musst du die Entscheidung treffen, ob du die Seite für dich oder für deine Besucher erstellen willst. Viele Webseitenersteller erstellen Webseiten für sich selbst und wundern sich dann, dass Besucher ausbleiben.

Ein Bild welches über die volle Breite gehen soll, wie groß sollte dieses sein? Ich möchte alle Bildschirme abdecken? Ich dachte so um die 3000px Breite?

Nein. Wenn du deinen Besuchern gutes tun willst verzichte auf so breite Bilder. Speziell dann, wenn die Bilder keine Informationen haben, sondern nur schmückendes Beiwerk sind.

Optisch können Bilder durch geschickten Einsatz von Hintergrundfarben verbreitert werden.

Wenn du trotzdem meinst große Bilder zeigen zu müssen solltest du sie mit einem entsprechenden Hinweis auf extra Seiten bereitstellen. So können die Besucher selbst entscheiden ob sie die Bilder aufrufen wollen.

Gruss

MrMurphy