Webseite erstellen

  • Hallo Community,


    wir haben in der Schule bereits HTML/PHP erlernt und derzeit Javascript, aber eines hab ich nie ganz verstanden,
    erstellen die meisten eine Internetseite mit iframe (DIV Boxen)? also das das Layout sogesehen außen immer gleich bleibt, und nur das äußere sich verändert? Wie macht Ihr das?
    Welches Programm nutzt Ihr?


    Ich hoffe ihr könnt mir weiterhelfen, und noch eine Frage, wenn ich in meinen HTML Code ein Bild einfüge, wie passe ich das perfekt an, habe das schon mit CSS versucht aber es passt nie wirklich
    auf die Gesamte Bildschirmbreite....


    Würde mich über Antworten freuen


    MFG


    Moritz

  • Zu deine Frage mit dem Bild:


    CSS
    //in css
    .fullscreen {
        width: 100%;
    }
    
    
    //Html
    <img class="fullscreen" src="..bla" alt="Bild">

    ast2ufdyxkb1.png


    Leute, lernt scripten und versucht mal lieber etwas selber zu schreiben, als es aus einem GF zu kopieren. :S

  • 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?

  • 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/

    Mit freundlichen Grüßen
    Developer
    Go/Python Developer | ehm. Webdeveloper | Fachinformatiker Anwendungsentwicklung
    Arbeitet in einem cloudigen Umfeld bei einem der größten deutschen Rechenzentrumsbetreibern

  • 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?