Das folgende Layout ist von folgender Anleitung inspiriert: https://www.w3schools.com/html/html_responsive.asp
Um das Folgende zu demonstrieren, gibt es eine kurze Demo als Video. Beachten Sie, dass ich im Video direkt auf dem Server die Dateien abändere und diese darum nicht mit FileZilla noch auf den Server laden muss. Sie werden wohl die Dateien lokal mit NotePad++ bearbeiten und müssen diese danach erst auf den Server laden. Eine Anleitung für das Hochladen finden Sie hier. Hier ist das Video.
Auf dem Webserver können Teile der Webseite, die immer gleich sind, wie z.B. das Navigationsmenü, in eigene Dateien ausgelagert werden und vor dem Ausliefern an der Browser wieder zusammengesetzt werden.
Dazu kriegt die Hauptdatei die Endung .php
, um zu signalisieren, dass der Code auf dem Server ausgeführt werden soll. Mit
<?php include "externedatei.html"; ?>
können die Dateien eingebunden werden.
.php
contact.php
und befüllen Sie diese Datei mit entsprechendem (evtl. fiktiven) Inhalt.contact.php
-Seite im Menu hinzu, z.B. <a href="contact.php">Kontakt</a>
.contact.php
auf den Server und testen Sie diese.