10.1.1 Webseiten

Das Internet ist die technische Infrastruktur auf deren Basis Milliarden von Endgeräten weltweit miteinander vernetzt sind.

Das World Wide Web benennt den Teil des Internets, in welchem von Web-Servern der Inhalt von Web-Seiten an einen Web-Browser der auf einem Web-Client läuft gesendet wird.

Der Aufruf einer Web-Seite läuft wie folgt ab:

• Auf dem Web-Client wird in der Adresszeile des Web-Browsers der Webseiten-Link der gewünschten Web-Seite eingegeben.
• Der Web-Client sendet den Webseiten-Link an einen DNS-Server.
• Der DNS-Server sucht in seiner Datenbank die IP-Adresse des Web-Servers, auf welchem die Web-Seite gespeichert ist und sendet die IP-Adresse zurück an den Web-Client.
• Der Web-Client kontaktiert den Web-Server über dessen IP-Adresse, woraufhin der Web-Server alle Dateien, die notwendig sind um die Webseite darzustellen, an den Web-Client sendet.
• Der Web-Browser des Web-Clients baut aus den empfangenen Dateien die Web-Seite auf und zeigt diese auf dem Bildschirm an.

Übung: Mini-Modell des World-Wide-Web

• Starte das Programm "Filius" auf deinem Rechner. Falls du die Übung zuhause machen möchtest, kannst du Filius unter folgender Adresse herunterladen: Filius herunterladen.

• Lade folgende Datei auf deinen Rechner herunter: mini_internet.fls.zip

• Entpacke die Datei "mini_internet.fls.zip" in die Datei "mini_internet.fls".

• Öffne die Datei "mini_internet.fls" in Filius.

• Klicke in Filius auf der oberen Leiste auf das grüne Play-Symbol.

• Klicke dann auf den Web-Client-1 und dort auf "Webbrowser".

• Tippe in die Adress-Zeile des Web-Browsers den Web-Link "www.gym-wst.de" ein und beobachte das Verhalten der Verbindungskabel.

Browser-Engines

Der Kern eines Web-Browsers ist die Browser-Engine. Die momentan meist verwendetsten Browser-Engines sind:

• Blink von Google
• WebKit von Apple
• Gecko von Mozilla
• Goanna ein Gecko-Derivat vom Entwickler M.C. Straver

Auf der Basis dieser Browser-Engines werden folgende Web-Browser angeboten:

Die Aufgabe der Browser-Engine eines Web-Browsers ist es, die Dateien, welche der Web-Client vom Web-Server empfängt so zu verarbeiten, dass diese auf dem Bildschirm dargestellt werden können. Falls eine Web-Seite Eingaben durch die Webseiten-Nutzer ermöglicht, nimmt die Browser-Engine diese Eingaben entgegen und verarbeitet sie.

Hinter den Kulissen einer Web-Seite

• Drücke bei geöffnetem Web-Browser die Taste F12.

• Klicke auf "Elemente" und sieh dir den Aufbau der HTML-Datei an.

• Klicke auf "Sources" und sie dir die Dateien an, die notwendig sind, damit die Seite angezeigt werden kann.

Content-Management-System

Eine Webseite wird heute nicht mehr von Hand getippt. Das wäre ein viel zu großer Aufwand. Vielmehr läuft auf dem Web-Server ein Content-Management-System (CMS) welches mit Hilfe von Algorithmen aus Texten, Daten, Medien und Apps alle Dateien erzeugt, die zum Web-Client gesendet und dort vom Web-Browser verarbeitet werden.

Codierung einer Web-Seite