Das Netz der Netze (Internet & Verbindung)

Lektion 2.4: Das World Wide Web – Die Technologie hinter den Webseiten

Das Internet ist die Infrastruktur (die Straßen und Kabel), und das World Wide Web (WWW) ist der Dienst, den wir am häufigsten nutzen – es sind alle Webseiten, die Sie täglich sehen und anklicken.

In dieser Lektion verstehen Sie, wie Webseiten aufgebaut sind und wie Ihr Computer eine Seite von einem anderen Computer abruft.

1. Das WWW: Die Erfindung der Links

Wie wir in Lektion 2.1 besprochen haben, wurde das World Wide Web vom Wissenschaftler Tim Berners-Lee erfunden. Seine große Idee war der Hyperlink (der klickbare Verweis).

• Der Hyperlink: Ist ein Text, auf den Sie klicken können, um sofort zu einem anderen Dokument oder einer anderen Seite zu springen. Dies machte das Netz erstmals für Laien einfach navigierbar.

• Die Web-Adresse (URL): Jede Webseite hat eine eindeutige Adresse, die URL (Uniform Resource Locator). Sie ist wie der genaue Name und die Hausnummer, die der Router (siehe Lektion 2.2) benötigt, um das Datenpaket zuzustellen.

  • Beispiel: In https://www.beispiel.de ist https die Kommunikationsregel (das Protokoll) und beispiel.de die Domain (der Name).

2. Die Bausteine der Webseite: HTML

Wenn eine Webseite nicht mehr als ein Dokument ist, wie ist dieses Dokument aufgebaut? Die Antwort ist HTML.

• Was ist HTML? HTML (HyperText Markup Language) ist die Bau- und Auszeichnungssprache des Webs. Es ist keine Programmiersprache, sondern eine Sammlung von einfachen Anweisungen und Etiketten.

• Analogie: HTML ist wie ein Bauplan für ein Haus. Es sagt dem Computer, wo die Überschriften, wo die Absätze, wo die Bilder und wo die Hyperlinks platziert werden sollen.

Beispiel: HTML sieht Anweisungen vor wie: <h1> Dies ist eine große Überschrift </h1> oder <p> Dies ist ein normaler Absatz </p>.

• Ergänzung (CSS und JavaScript): Nur HTML würde sehr langweilige, ungestaltete Webseiten liefern.

  • CSS: Sorgt für das Aussehen (Farben, Schriftarten, Design). CSS ist wie die Inneneinrichtung des Hauses.

  • JavaScript: Sorgt für die Bewegung und die Funktionen (z.B. ein ausklappbares Menü oder ein Taschenrechner). JavaScript ist wie die Elektronik und die Beleuchtung.

3. Die Kommunikation: Server und Browser

Das World Wide Web funktioniert nur durch die ständige Kommunikation zwischen zwei Parteien:

A. Der Server (Das digitale Lagerhaus)

• Der Webserver ist ein spezieller Computer, der 24 Stunden am Tag, 7 Tage die Woche mit dem Internet verbunden ist.

• Funktion: Er speichert die Originaldateien (HTML, CSS, Bilder) der Webseite und wartet darauf, dass jemand sie anfordert.

• Analogie: Der Server ist das Lagerhaus oder die Bibliothek, in der das Buch (die Webseite) physisch aufbewahrt wird.

B. Der Browser (Der Übersetzer und Betrachter)

• Der Webbrowser (z.B. Chrome, Firefox, Safari) ist die Anwendungssoftware auf Ihrem Computer.

• Funktion: Er ist das einzige Programm, das die HTML-Baupläne verstehen und in eine für Menschen lesbare und attraktive Webseite übersetzen kann.

• Der Prozess:

  1. Sie tippen eine URL ein und drücken Enter.

  2. Ihr Browser schickt eine Anfrage (ein Datenpaket) an den Server.

  3. Der Server sendet die HTML- und CSS-Dateien zurück.

  4. Der Browser empfängt die Datenpakete und baut die Webseite nach dem Bauplan auf Ihrem Bildschirm zusammen.

[BILD-ID: Ein vereinfachtes Diagramm, das den Kommunikationsfluss zeigt. Ein PC mit einem Browser sendet einen Pfeil („Anfrage“) zu einer Wolke („Internet“), die zu einem Server führt. Der Server sendet einen Pfeil („HTML/Daten“) zurück zum PC, wo der Browser die Seite anzeigt.]

Datenfakt: Ein moderner Browser kann bis zu 100 verschiedene Anfragen (für Bilder, Schriften, Skripte) gleichzeitig an einen Server senden, um die Webseite so schnell wie möglich aufzubauen.

📝 Zusammenfassung der Lektion

• Das WWW ist der Dienst, der auf der Infrastruktur des Internets basiert und durch Hyperlinks navigierbar ist.

• HTML ist die Bauanleitung der Webseite.

• Der Server ist der Lagerraum, der die Dateien bereithält.

• Der Browser übersetzt die Bauanleitung (HTML) und zeigt die fertige Webseite an.