Webseite Veröffentlichen
Webseite Veröffentlichen
Embedded Files
Damit Ihre Webseite auch von anderen Personen angesehen werden kann, müssen Sie diese auf einem Webserver veröffentlichen.
Dazu mieten Sie in der Regel Speicherplatz auf einem Server eines Hosters, dessen Rechner mit dem Internet verbunden sind.
Zusätzlich benötigen Sie einen Domänennamen, welcher Sie über die IP-Adresse mit Ihrem Speicherplatz beim Hoster verknüpfen.
Die Dateien Ihres Internetauftrittes werden mit einem FTP-Client auf die Rechner Ihres Hosters übertragen. Dabei müssen die Dateien und Verzeichnisse einige Konventionen einhalten.
Ziele:
Ziele:
G9: Ich kann den Prozess der Veröffentlichung eines Webauftrittes erklären
F9: Ich kann einen Webauftritt lokal veröffentlichen (z.B. XAMPP, MAMP...)
E9: Ich kann einen Webauftritt automatisiert öffentlich veröffentlichen (z.B. GitHub... )
Lokale Entwicklungsumgebung:
Lokale Entwicklungsumgebung:
Damit Sie Ihre Webseite lokal auf Ihrem persönlichen Gerät veröffentlichen können, müssen Sie einen Webserver-Dienst installieren:
XAMPP und MAMP installieren neben dem Webserver (Apache / nginx) einen Applikationsserver für PHP und einen Datenbankserver (MySQL)
Der Webserver ist mit einer Webroot / Document-Root konfiguriert. Diese Webroot / Document-Root ist das Verzeichnis auf der Festplatte, auf welches der Webserver zugreifen darf und Dateien ausliefern kann.
Die folgenden Verzeichnisse werden bei der Installation angelegt und verwendet:
Windows XAMPP:
c:/XAMPP/htdocs
Mac MAMP:
/Application/MAMP/htdocs
Diese Standard-Verzeichnisse können in der Webserver-Konfiguration angepasst werden - z.B. auf ein Verzeichnis, welches automatisch mit einer Cloud synchronisiert wird. Damit liegen diese Dateien nicht nur auf der lokalen Festplatte, sondern liegen immer auch als Kopie auf dem Cloudspeicher und sind von überall her zugänglich.
Aufruf der Webseite:
Um die Webseite über die lokale Entwicklungsumgebung anzusehen, starten Sie den Webserver und rufen im Browser die Datei mit http://localhost/oder http://127.0.0.1/ auf.
Weiterführende Informationen:
Standard-Datei:
Standard-Datei:
Die Verwendung von "index.html" oder "index.php" als Standard-Datei bietet den Vorteil, dass sie von den meisten Webserver automatisch ausgeliefert wird, ohne den Dateinamen anzugeben.
Wenn ein Benutzer eine Website aufruft, ohne einen spezifischen Dateinamen anzugeben (z. B. http://www.example.com), wird der Webserver in der Document-Root standardmäßig nach einer Datei mit dem Namen "index.html" oder "index.php" suchen und diese anzeigen.
Ist keine Standard-Datei vorhanden, zeigt der Webserver je nach Konfiguration eine Auflistung aller Dateien im Verzeichnis (unsicher) oder er beantwortet die Anfrage mit einem HTTP-Fehlercode 403: "forbidden".
Weiterführende Informationen:
Veröffentlichen als GitHub Page:
Veröffentlichen als GitHub Page:
Eine weitere Möglichkeit besteht darin, den Code der Webseite mit Git zu verwalten und auf GitHub als GitHub Page zu veröffentlichen. Immer wenn Sie die lokale Version Ihrer Webseite auf GitHub pushen, wird die öffentliche Webseite aktualisiert.
Weiterführende Informationen:
Eine gute Anleitung dazu gibt es direkt von GitHub: https://pages.github.com/
Videos:
Videos:
Eine Auswahl an Schweizer Webhoster:
FTP-Clients:
Page updated
Report abuse