Woraus besteht eine Website? HTML, CSS und JavaScript
Die drei Sprachen hinter jeder Webseite — HTML (Struktur), CSS (Stil), JavaScript (Interaktivitaet) — einfach erklaert, mit einer Analogie. Einsteiger-Niveau.
Jede Webseite, vom kleinsten Blog bis zur groessten Website, beruht auf drei Sprachen. Die gute Nachricht: Ihre Rolle laesst sich mit einem Bild leicht verstehen.
Die Analogie mit dem Haus
- HTML = die Waende und Raeume: die Struktur.
- CSS = der Anstrich und die Dekoration: der Stil.
- JavaScript = die Elektrik und die Automatik: was sich bewegt und reagiert.
Man kann in einem Haus ohne Deko wohnen (HTML allein, eine rohe Seite). Aber man kann keine Leere dekorieren.
1. HTML — die Struktur
HTML (HyperText Markup Language) beschreibt den Inhalt: “das ist eine Ueberschrift”, “das ist ein Absatz”, “hier ein Bild”, “dort ein Link”. Es ist das Geruest der Seite.
Ohne HTML gibt es schlicht keine Seite. Es ist die zwingende Grundlage.
2. CSS — der Stil
CSS (Cascading Style Sheets) gestaltet das HTML: Farben, Schriften, Groessen, Abstaende, die Anordnung der Elemente und die Anpassung an das Smartphone (das Responsive-Design).
Dasselbe HTML kann je nach CSS tausend Erscheinungsbilder annehmen. Das Design zu aendern bedeutet vor allem, das CSS zu aendern.
3. JavaScript — die Interaktivitaet
JavaScript fuegt das Verhalten hinzu: ein Menue, das sich oeffnet, ein Formular, das sich pruefen laesst, eine Berechnung in Echtzeit, Daten, die ohne Neuladen der Seite geladen werden. Das ist es, was eine Seite lebendig macht.
Viele einfache Websites funktionieren sehr gut mit wenig oder gar keinem JavaScript. Man fuegt es hinzu, wenn die Interaktivitaet wirklich etwas bringt.
Wo laeuft das alles?
Diese drei Sprachen laufen im Browser des Besuchers (Chrome, Firefox, Safari…). Der Server selbst beschraenkt sich oft darauf, diese Dateien zu senden. Deshalb ist eine statische Website so schnell: Der Browser erhaelt das HTML, das CSS und das JavaScript direkt, gebrauchsfertig.
Zum Merken
| Sprache | Rolle | Unverzichtbar? |
|---|---|---|
| HTML | Struktur des Inhalts | Ja, immer |
| CSS | Erscheinungsbild | Fast immer |
| JavaScript | Interaktivitaet | Je nach Bedarf |
Sie muessen nicht programmieren koennen, um eine Website zu nutzen — aber zu wissen, was diese drei Bausteine tun, hilft Ihnen, mit einem Dienstleister zu sprechen und zu verstehen, wofuer Sie bezahlen.
Testen Sie Ihr Wissen
Welche Sprache liefert die STRUKTUR einer Seite (Ueberschriften, Absaetze, Bilder)?
HTML beschreibt den Inhalt und seine Struktur. Ohne HTML gibt es keine Seite.
Welche Sprache steuert FARBEN, Schriften und das Layout?
CSS gestaltet die Seite: Farben, Abstaende, Anordnung, Responsive-Verhalten.
Welche Sprache macht die Seite INTERAKTIV (Menues, animierte Formulare)?
JavaScript fuegt das Verhalten hinzu: auf Klicks reagieren, rechnen, Daten laden.
Diese drei Sprachen laufen…
HTML, CSS und JavaScript werden vom Browser (Chrome, Firefox…) auf der Besucherseite interpretiert.