Webseite erstellen

Zu deine Frage mit dem Bild:

//in css
.fullscreen {
    width: 100%;
}


//Html
<img class="fullscreen" src="..bla" alt="Bild">

Die erstere Frage verstehe ich nicht so recht

Zur zweiten Frage:
https://www.google.de/amp/s/ww…ive-background-image/amp/

Ja, so wie in deinem Bild arbeitet man, aber eigentlich nie mit iFrames. Das wird dann zum Beispiel mit PHP rein geladen oder halt mit Javascript aber nicht mit iFrames. Wenn du dazu genauere Fragen hast können wir dir diese gerne beantworten

Das würde mich aber auch sehr interessieren, wie man das am besten gestalten kann.
Denn ich habs auch mal mit php versucht, aber auch nur mit html, aber dann wenn ich eine Änderung vornehmen wollte die auf alle Seiten verteilt war, musste ich diese per Hand überall bearbeiten.

Wie optimiert man das am besten das man zum Beispiel sein Headerbereich hat und diese immer importieren kann auf die jeweilige Seite?

Zitat von M_McGarrett

das doofe ding geht nie wirklich oben hin und an den rand links

Das liegt daran, dass padding oder margin gesetzt wurde.

Mach eben:

.fullscreen {
    padding:0;
    margin:0;
    width:100%;
}

Magst du uns eventuell den Quellcode zur Verfügung stellen, dass wir selbst sehen können woran es liegen könnte? Denke das würde es uns einfacher gestalten, dir zu helfen.

Zitat von Blacksonny

Das würde mich aber auch sehr interessieren, wie man das am besten gestalten kann.
Denn ich habs auch mal mit php versucht, aber auch nur mit html, aber dann wenn ich eine Änderung vornehmen wollte die auf alle Seiten verteilt war, musste ich diese per Hand überall bearbeiten.

Wie optimiert man das am besten das man zum Beispiel sein Headerbereich hat und diese immer importieren kann auf die jeweilige Seite?

Kurzes OT um die Frage zu beantworten:

Grundsätzlich gibt es mehrere Wege um nach Rom zu kommen. Erstmal, das von dir bereits benannte "Redundante" Verhalten, heißt: Alle Quellcodekomponenten sind auf allen Seiten, egal ob sie mehrfach verwendet werden oder nicht.

Dann gibt es das sogenannte Isolations-( manchmal auch Atomare) Prinzip/bzw die Kapselung, was beschreibt das jede Komponente nur sich umfasst & nur einmal existiert, z.b. hast du eine "header.php/html(or whatever) und diese includierst du auf jeder deiner Seiten, sodass du sie an einer Stelle hast (Auch Zentralisation genannt). Änderst du sie nun an einer Stelle, wird es überall geändert.

Grundsätzlich ist das zweite Verfahren zu empfehlen, allein aufgrund der Ordnung. Ebenso ist es zu empfehlen eine Template Engine zu benutzen, um eine saubere Trennung zwischen Logik & Anzeige zu haben. Aber das ist zu tief in die Materie eingestiegen und sprengt den Rahmen hier.

Bezüglich sauberem Code (und dazu gehört das oben beschriebene) kann dir dazu nur folgende "Lektüre" einmal empfehlen: http://clean-code-developer.de/

Zitat von Developer

Kurzes OT um die Frage zu beantworten:
Grundsätzlich gibt es mehrere Wege um nach Rom zu kommen. Erstmal, das von dir bereits benannte "Redundante" Verhalten, heißt: Alle Quellcodekomponenten sind auf allen Seiten, egal ob sie mehrfach verwendet werden oder nicht.

Dann gibt es das sogenannte Isolations-( manchmal auch Atomare) Prinzip/bzw die Kapselung, was beschreibt das jede Komponente nur sich umfasst & nur einmal existiert, z.b. hast du eine "header.php/html(or whatever) und diese includierst du auf jeder deiner Seiten, sodass du sie an einer Stelle hast (Auch Zentralisation genannt). Änderst du sie nun an einer Stelle, wird es überall geändert.

Grundsätzlich ist das zweite Verfahren zu empfehlen, allein aufgrund der Ordnung. Ebenso ist es zu empfehlen eine Template Engine zu benutzen, um eine saubere Trennung zwischen Logik & Anzeige zu haben. Aber das ist zu tief in die Materie eingestiegen und sprengt den Rahmen hier.

Bezüglich sauberem Code (und dazu gehört das oben beschriebene) kann dir dazu nur folgende "Lektüre" einmal empfehlen: http://clean-code-developer.de/

Alles anzeigen

Danke für die ausführliche Erklärung, scheint ja off Topic zu sein, aber mit welchem Template könnte ich mich gut antasten? Bzw. ich bin noch Amateur in solchen Sachen, wenn's um includieren oder Template's geht, habe aber mal blind mit Bootstrap gearbeitet. Ist so etwas damit gemeint?

Zitat von M_McGarrett

Funktioniert nun, wie kann man ein Bild auf ein anderes setzen? also das der hintergrund einmal ist, und drüber die Navigation?

Wenn du das meinst was ich denke, dann hilft dir diese Seite sicherlich weiter: http://www.css4you.de/example/background-position.html

Ansonsten würde ich Dir diese Seite noch ans Herz legen. Da lernt man zum einen sehr viel und zum anderen hast du dort die Möglichkeit live auszuprobieren, was passiert, wenn Du etwas umschreibst. Klick Dich am besten durch und lies Dir alle Themen, die Dich interessieren, genau durch.