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.

Hat dir der Beitrag gefallen ?

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

Inhaltsverzeichnis
Hat dir der Beitrag gefallen ?

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

Mehr zum Autor
Bild von Lukas Knöller
Ich bin Lukas – Softwareentwickler. Seit 2016 automatisiere ich das, was mich zu Hause nervt: das Licht, die Heizung, das Laden des Autos, den Papierkram.Kein Showroom, sondern mein echtes Zuhause – über 2.000 Entitäten in Home Assistant, dazu n8n und paperless-ngx, alles auf eigener Hardware. Was lokal laufen kann, läuft lokal; bei den Sprachmodellen nutze ich bewusst die Cloud. Beruflich baue ich Software. Deshalb interessiert mich weniger, welches System das beste ist, als wie man zwei davon so verbindet, dass es auch in zwei Jahren noch läuft.Genau darüber schreibe ich hier. Auch dann, wenn es schiefgeht.
Bild von Lukas Knöller
Ich bin Lukas – Softwareentwickler. Seit 2016 automatisiere ich das, was mich zu Hause nervt: das Licht, die Heizung, das Laden des Autos, den Papierkram.Kein Showroom, sondern mein echtes Zuhause – über 2.000 Entitäten in Home Assistant, dazu n8n und paperless-ngx, alles auf eigener Hardware. Was lokal laufen kann, läuft lokal; bei den Sprachmodellen nutze ich bewusst die Cloud. Beruflich baue ich Software. Deshalb interessiert mich weniger, welches System das beste ist, als wie man zwei davon so verbindet, dass es auch in zwei Jahren noch läuft.Genau darüber schreibe ich hier. Auch dann, wenn es schiefgeht.

Keine Produkte gefunden.

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

Später weiterlesen 🔍

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

Einmalige Erinnerung. Kein Newsletter.

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.