Grundaufbau einer Website

Wie komme ich zur eigenen Webseite?

Viele stellen sich die Frage, wie sie am besten mit ihrer eigenen Website beginnen. Zugegeben, die Frage habe auch ich mir gestellt.

Ich persönlich habe damit begonnen, mir ein Grundgerüst für eine Seite zu schreiben. Ein Menü entworfen, ein Layout gemacht, usw.

web-exampleErst als ich dann mit den einzelnen Elementen zufrieden war, habe
ich diese zu einem Gesamtbild zusammengefügt.
Damit ich mir dann noch eine Menge Schreibarbeit ersparen kann, habe ich mir aus PHP-Dateien einen Kopfbereich der Seite und
einen Fußbereich erstellt.
Diese zwei Teile füge ich dann später auf jeder Seite ein, so dass automatisch bereits die Verlinkung für die Style-Datei (und eventuell noch weiteres) gemacht ist.

Weiterhin habe ich mir in einer HTML-Datei mein Menü für die Website angelegt und dieses in die Kopfdatei eingebunden. So kann ich das Menü ganz einfach innerhalb der Kopfdatei in den HTML-Tags positionieren und mir das ideale Grundgerüst für eine Seite bauen.

Leider gab es bei meinem Grundgerüst ein kleines Problem. Wie definiere ich Überschriften über dem Menü, wenn das Menü über die Kopfdatei bereits an einer Stelle eingebunden ist?

Die Antwort nennt sich: PHP.

In die Kopfdatei füge ich mit PHP eine Ausgabe ein in den Form:

echo $file;

Die Variable $file wird ebenfalls über die Kopfdatei eingebunden in die entsprechende Seite, welche angezeigt werden soll.

In der anzuzeigenden Seite habe ich dann als aller erstes innerhalb von PHP-Tags den Inhalt der Variable vergeben.
Auf der Startseite schreibe ich also:

$file = "Startseite";

Somit wird beim Aufruf der Startseite die Variable belegt, noch bevor ich durch die Kopfdatei auf diese zugreife, um sie auszugeben.

Möchte ich nun eine neue Seite in die bestehende Website einfügen, so muss ich lediglich einen Eintrag ins Hauptmenü (eigene Datei) machen und die Kopf- sowie Fußdatei in die Seite einfügen.

Eleganter wäre es nur über eine wirklich selbst programmierte Seite in PHP, welche als Backend eine Datenbank nutzt, in der sämtliche Inhalte gespeichert sind. Allerdings stellt das auch einen sehr großen Aufwand dar, was für eine einfache Website nicht unbedingt nötig ist.

Solltet Ihr Fragen bezüglich meines Grundgerüsts haben, dann schreibt sie in die Kommentare. Ich werde bemüht sein, euch schnellstmöglich zu helfen.

Weitere Informationen zum Beginnen eines Webprojekts findest du auch in einem anderen Beitrag.

Inhaltsverzeichnis
Hat dir der Beitrag gefallen ?

Ein Emoji genügt – oder schreib kurz, was du denkst.

Mehr zum Autor
Bild von Lukas
Ich bin Lukas – Softwareentwickler, Projektmanager und Gründer von hobbyblogging.de, einem der persönlichsten Smart Home Blogs in Deutschland. Mit einem Master in Wirtschaftsinformatik und über 7 Jahren Erfahrung teile ich hier meine Leidenschaft für Automationen, ioBroker, Home Assistant und Co.Mein Smart Home ist kein Showroom – es ist mein echtes Zuhause. Ich teste, dokumentiere und schreibe über das, was wirklich funktioniert – praxisnah, transparent und ehrlich. Besonders im Fokus: die Plattformen ioBroker und Home Assistant. Insbesondere mit letzterer steuere ich mein gesamtes Zuhause.Du suchst smarte Inspiration, Tipps oder eine Anleitung, die dir wirklich hilft? Dann bist du hier genau richtig.
Bild von Lukas
Ich bin Lukas – Softwareentwickler, Projektmanager und Gründer von hobbyblogging.de, einem der persönlichsten Smart Home Blogs in Deutschland. Mit einem Master in Wirtschaftsinformatik und über 7 Jahren Erfahrung teile ich hier meine Leidenschaft für Automationen, ioBroker, Home Assistant und Co.Mein Smart Home ist kein Showroom – es ist mein echtes Zuhause. Ich teste, dokumentiere und schreibe über das, was wirklich funktioniert – praxisnah, transparent und ehrlich. Besonders im Fokus: die Plattformen ioBroker und Home Assistant. Insbesondere mit letzterer steuere ich mein gesamtes Zuhause.Du suchst smarte Inspiration, Tipps oder eine Anleitung, die dir wirklich hilft? Dann bist du hier genau richtig.
Die Smart Home Abkürzung des Monats

Einmal im Monat die besten Home-Assistant-Ideen, spannende Geräte und hilfreiche Tipps, die sich im Alltag wirklich bewährt haben.

Dazu teile ich Empfehlungen und Fundstücke, die nicht auf dem Blog erscheinen.

Zuletzt aktualisiert 7.06.2026 / (*, **) Affiliate Links / Preis kann abweichen / Bild: Amazon Product Advertising API

Was klappt bei dir - wo hängst du fest ?

Nutzt du die gezeigte Lösung bereits? Funktioniert sie bei dir oder gibt es Probleme?

Schreib einen Kommentar – ich lese jeden Beitrag und antworte persönlich.

0 Kommentare

Schreibe einen Kommentar

Avatar-Platzhalter

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Kurz ehrlich: Warum gehst du gerade?

Hilf mir, die Inhalte für dich besser zu machen.

🎁 Dein Smart Home verdient mehr

Einmal im Monat erhältst du meine besten Tipps, Automationen und Tests aus der Smart Home Welt.

+ Gratis: meine 10 besten Alltagsautomationen als PDF

Kein Spam. Kein Marketing-Blabla.
Sondern: Praxistipps, Setups, Automationen & Tools – aus meinem Technik-Keller direkt zu dir.

Abgewickelt durch Brevo in Europa.

Später weiterlesen 🔍

Ich erinnere dich genau an diese Stelle, wenn du wieder Zeit hast.

Einmalige Erinnerung. Kein Newsletter.