{"id":7467,"date":"2021-09-12T23:18:28","date_gmt":"2021-09-12T21:18:28","guid":{"rendered":"https:\/\/u-labs.de\/portal\/?p=7467"},"modified":"2022-12-12T18:30:07","modified_gmt":"2022-12-12T16:30:07","slug":"wie-betreibe-ich-eine-webseite-auf-dem-raspberry-pi-was-sind-statische-dynamische-internetseiten-http-grundlagen-mit-fokus-auf-den-pi","status":"publish","type":"post","link":"https:\/\/u-labs.de\/portal\/wie-betreibe-ich-eine-webseite-auf-dem-raspberry-pi-was-sind-statische-dynamische-internetseiten-http-grundlagen-mit-fokus-auf-den-pi\/","title":{"rendered":"Wie betreibe ich eine Webseite auf dem Raspberry Pi? Was sind statische\/dynamische Internetseiten? HTTP-Grundlagen mit Fokus auf den Pi"},"content":{"rendered":"

Um eine Internetseite zu betreiben, muss diese gehostet <\/em>werden. Das hei\u00dft: Die Seite liegt auf einem Server, der entsprechend eingerichtet wurde, um die gew\u00fcnschte Seite \u00fcbers Internet bereitzustellen. Hierf\u00fcr kommt das HTTP-Protokoll zum Einsatz, das seit Jahrzehnten die Grundlage f\u00fcr das Internet wie wir es heute kennen bildet. Informationen und Funktionen lassen sich damit \u00fcberall auf jedem Endger\u00e4t bereitstellen. Ob es sich um einen Computer, Laptop, Tablet, Smartphone handelt, ist dabei irrelevant. Selbst auf spezielle Ger\u00e4te wie z.B. im Internet der Dinge oder auf Anzeigetafeln kommt diese Technik im Hintergrund zum Einsatz.<\/p>\n

Wie funktioniert eine Internetseite per HTTP?<\/h2>\n

Der Browser eines Clients – beispielsweise auf einem Laptop oder Smartphone – sendet eine Anfrage an den Server, eine bestimmte Seite auszuliefern. Etwa die Suchmaschine Ecosia. Auf dem bzw. den Servern von Ecosia l\u00e4uft ein Webserver, der speziell f\u00fcr das HTTP-Protokoll ausgelegt ist und diese Anfrage bearbeiten kann. Als Antwort sendet er HTML an den Client. HTML ist eine Auszeichnungssprache. Das HTML-Dokument umfasst alle Informationen einer Internetseite: Metadaten wie etwa den Titel und nat\u00fcrlich den Inhalt. Der Inhalt wird dabei strukturiert, beispielsweise ob es sich um eine \u00dcberschrift oder einen Absatz handelt und in welcher Ebene. Auch das Darstellen von fettem oder kursivem Text und andere Formatierungen l\u00e4sst sich in HTML festlegen. Der Browser stellt die Inhalte entsprechend dar.<\/p>\n

\"\"<\/a><\/figure>\n

Erg\u00e4nzt wird HTML von CSS, womit sich das Aussehen der Seite \u00e4ndern l\u00e4sst: Wie gro\u00df soll etwa die \u00dcberschrift sein? Welche Schriftart? Soll eine Box mit einem Rahmen versehen werden, wenn ja welcher Art und Farbe? Wie viel Abstand zwischen \u00dcberschrift und Text? Solche und viele weitere Dinge lassen sich mit CSS steuern.<\/p>\n

M\u00f6chte man Logik im Client abbilden, ben\u00f6tigt man JavaScript. Ein bekanntes Beispiel daf\u00fcr ist das Nachladen von Inhalten: Eine Nachrichtenseite m\u00f6chte etwa neue Nachrichten dem Nutzer direkt pr\u00e4sentieren. Das kann HTML nicht abbilden. Sobald der Webserver die Antwort gesendet hat, l\u00e4sst sich diese nicht mehr ver\u00e4ndern – bis der Nutzer einem Link folgt oder per Hand neu l\u00e4dt. <\/p>\n

Der Browser interpretiert das HTML, l\u00e4dt CSS sowie JavaScript und stellt die komplette Seite mithilfe dieser Bausteine dar. Zus\u00e4tzlich kann der Webserver aber auch andere Dateien per HTTP ausliefern, wie z.B. Bilder oder Videos. Diese kann man mit HTML ebenfalls einbetten, sodass ein Bild vom Webserver geladen und an einer bestimmten Stelle dargestellt wird.<\/p>\n

Statische und dynamische Webseiten: Was ist das? Worin unterscheiden sie sich?<\/h2>\n

Die ersten Internetseiten waren statisch. Das bedeutet: Jeder Besucher bekam die gleiche HTML-Seite. Heutige Anspr\u00fcche erf\u00fcllt das oft nicht mehr. Mehr M\u00f6glichkeiten bieten dynamisch generierte Inhalte: F\u00fcr jeden Seitenaufruf wird auf dem Server Programmcode ausgef\u00fchrt, der unterschiedliches HTML erzeugen kann und damit sowohl Inhalte als auch Aussehen der Seite anhand verschiedener Bedingungen anpasst – beispielsweise bestimmte Dinge ein- oder ausblenden, wenn ein Nutzer angemeldet ist. Dies kann mit verschiedenen Programmiersprachen durchgef\u00fchrt werden, eine der bekanntesten ist PHP. Die grunds\u00e4tzliche Funktionsweise ist dabei immer gleich: Der Webserver liefert z.B. eine PHP-Datei nicht direkt aus, sondern f\u00fchrt den Programmcode aus. Dieser Programmcode enth\u00e4lt eine Logik, die HTML erzeugt. Dieses HTML kann jedoch bei jedem Aufruf anders aussehen. Ein Beispiel w\u00e4re, wenn der Programmcode das aktuelle Datum mit der Uhrzeit ausgibt. Dies w\u00fcrde sich sek\u00fcndlich \u00e4ndern, dadurch sieht der generierte HTML-Inhalt jedes mal anders aus.<\/p>\n

\"\"<\/a><\/figure>\n

Welche Vorteile bringt uns das? Eine ganze Reihe:<\/p>\n