Hinführung
In der Vorlesung haben wir uns sehr viel mit der Programmierung einer Webseite beschäftigt. In der Webentwicklung sind HTML, JavaScript und CSS unweigerlich miteinander verknüpft und sogenannte Webstandards, die jeweils einen anderen Aspekt der Webseite abdecken. Jede dieser drei Technologien erfüllt eine andere Aufgabe und hat ihre eigene Syntax.
HTML gilt als Grundlage und stellt die einzelnen Elemente der Seite zur Verfügung. Mittels HTML definieren wir deren Typ und die Struktur, wie sie zueinander logisch angeordnet sind.
Das Aussehen bzw. Styling wird von CSS überarbeitet. Mittels CSS beschreibe ich das Aussehen der einzelnen Elemente und wie sie miteinander ein Layout bilden sollen. Hierbei geht es um das rein optische Styling.
Ohne JavaScript wäre die Webseite jedoch statisch. Statisch bedeutet, dass alle Seiten als einzelne Dateien auf dem Webserver gespeichert sind. Wenn ein Besucher eine Webseite besucht, werden die Seiten direkt zu ihm übertragen. Mit JavaScript können wir Dynamik auf unsere Webseite bringen. Das heißt, die Webseite zeichnet sich dadurch dass, dass sie mit dem Server kommuniziert. Beispielsweise können hierbei Teile per Tastendruck ein- oder ausgeblendet, ausgewählt oder neu angeordnet werden. Mit JavaScript beschreiben wir wohin sich die Elemente oder auch deren Aussehen verändern sollen und sorgt für die direkte Interaktion einer Webseite mit dem Benutzer.
Publizieren einer Webseite
Eine Wesentliche Frage die sich meinerseits stellt ist das Publizieren der Webseite. Nachdem ich meine HTML-Datei mit Leben und Aussehen gefüllt habe möchte ich nun, dass meine Informationen nicht nur über meinen Rechner gesehen werden können, sondern auch andere Leser dran teilhaben können.
Für die Publizierung meiner Webseite benötige ich
- Einen Provider, der Speicherplatz und Domainnamen zur Verfügung stellt,
- FTP-Zugangsdaten vom Provider und
- Installation eines FTP-Programm zum Übertragen der Dateien
Was genaue verstehe ich unter einem Provider?
Ein Provider bedeutet im deutschen etwa „Versorger“ oder „Anbieter“. Hierbei handelt es sich meistens um Mobilfunk- oder Internet-Provider.
Der Hosting-Provider ist ein zentraler Anlaufpunkt um die Komponenten Domain, Webserver und Webspace zu erhalten. Der Hosteing-Provider hat einen Server, bei dem ich mir Speicherplatz („einen Platz im Internet“) reservieren/mieten kann. Der Host sorgt dafür, dass meine Adresse auf den richtigen Webspace zeigt.
Unter Domain versteht man die Internetadressen, mit der die Besucher die Webseite zukünftig aufrufen werden, z.B. www.eportfolio.de.
Der Webserver ist der über das Internet erreichbare Computer, auf dem Speicherplatz für unsere Dateien zur Verfügung stehen.
Webspace ist der Speicherplatz, den meine Webseite benötigt.
Es gibt viele verschiedene Hosting-Provider, die kostenlos, aber auch kostenpflichtig sind. Je nachdem, welche Anforderungen meine Webseite erfüllen soll, sollte man sich den entsprechenden Provider aussuchen. Bei der Auswahl für Domains wird es etwas schwieriger. Natürlich sind sehr viele Domains sicherlich schon belegt, jedoch gibt es verschiedene Seiten über die sich die Verfügbarkeit der Wunsch-Domäne überprüfen lässt. Nachdem man sich eine verfügbare Domain ausgesucht hat, kann man diese entsprechend kaufen (wie ein Amazon Kauf). Es gibt Anbieter, die das Registrieren von Domains anbieten, ohne dass man dort auch die Webseite hosten lassen muss (wie z.B. 1&1).
Nachdem man sich einen Provider ausgesucht und sich dort angemeldet hat, bekommt man von seinem Provider FTP (File Transfer Protocol)-Zugangsdaten. Die Zugangsdaten umfassen einen Servernamen, einen Ordnernamen, einen Benutzernamen und ein Kennwort.
File Transfer Protocol (FTP) ist ein Datenübertragungsprotokoll zur Übertragung/Transferierung von Daten über IP-Netzwerke. Es wird benutzt, um Dateien vom Server zum Client herunterzuladen, oder vom Client zum Server zu laden.
Um meine Dateien zum Server zu laden, muss ich den FTP-Client zunächst installieren (alternativ kann ich auch den WebFTP benutzen). Hierzu benötige ich die vom Provider erhaltenen Informationen und Kennwörter, damit meine Dateien am richtigen Platz landen. Nun kann ich meine Dateien auf den Webserver hochladen indem ich den Ordner auf meinem Computer auswähle und auf den Server hochlade.
Wenn jemand nun meine Internet Adresse eingibt, wird er durch verschiedene Stationen an meinen Webserver geleitet und erhält meine Dateien vom Server zurück geschickt (wie im Kapitel Einführungen in die Webprogrammierung.
Es gibt viele andere Möglichkeiten, beispielsweise bin ich nicht an einen Hosting-Provider gebunden, sondern kann einen lokalen Webserver zuhause installieren, jedoch ist dies sehr komplex und umfangreich, vor allem für das Publizieren der ersten Webseite.
Quellen:
https://de.wikihow.com/Eine-Webseite-hochladen
https://blog.kompaktdesign.com/webdesign/statisch-vs-dynamisch/
https://de.wikipedia.org/wiki/File_Transfer_Protocol
https://www.edv-lehrgang.de/webseite-mit-ftp-programm-hochladen/
Entwicklung verteilter Systeme 