🎯 Was Sie in dieser Lektion lernen werden

In dieser Lektion lernen Sie:

• Die Grundkomponenten einer Website
• Was HTML, CSS und Bilder bewirken
• Wie Browser Webseiten aus verschiedenen Dateien zusammensetzen
• Warum Websites aus mehreren Elementen bestehen

Am Ende dieser Lektion verstehen Sie die grundlegenden Bausteine von Websites.

---

🌐 Eine Website ist nicht nur eine Datei

Wenn Sie eine Webseite öffnen, sieht sie vielleicht wie eine einfache Seite aus.

Aber in Wirklichkeit besteht eine Website aus vielen verschiedenen Dateien, die zusammenarbeiten.

Diese Dateien sagen dem Browser:

• welche Inhalte angezeigt werden sollen
• wie die Seite aussehen soll
• welche Bilder angezeigt werden

Der Browser kombiniert all diese Teile, um die Webseite zu erstellen, die Sie sehen.

---

🧱 Die Hauptbestandteile einer Website

Die meisten Websites werden mit drei Hauptelementen gebaut.

Dies sind die grundlegenden Bausteine des Webs.

---

🧾 HTML – Die Struktur

HTML steht für HyperText Markup Language.

Es definiert die Struktur der Webseite.

HTML sagt dem Browser Dinge wie:

• wo der Titel ist
• wo Absätze stehen
• wo Bilder erscheinen
• wo Links platziert werden

Sie können HTML als das Skelett der Seite betrachten.

---

🎨 CSS – Das Design

CSS steht für Cascading Style Sheets.

Es steuert, wie die Seite aussieht.

CSS definiert Dinge wie:

• Farben
• Schriftarten
• Abstände
• Layout

Ohne CSS würden Webseiten sehr einfach und schlicht aussehen.

---

🖼 Bilder und Medien – Der Inhalt

Websites enthalten oft Medien wie:

• Bilder
• Symbole
• Videos

Diese Elemente machen Websites informativer und ansprechender.

Sie werden als separate Dateien gespeichert und vom Browser geladen.

---

🖥 Wie der Browser die Seite zusammenbaut

Wenn Sie eine Website öffnen:

1️⃣ Der Browser lädt die HTML-Datei
2️⃣ Er lädt die CSS-Stile
3️⃣ Er lädt Bilder und Medien
4️⃣ Er kombiniert alles zur endgültigen Webseite

All dies geschieht sehr schnell.

---

🧠 Wichtige Idee

Eine Webseite ist nicht nur eine einzelne Datei.

Sie ist eine Sammlung von Dateien, die zusammenarbeiten.

Der Browser liest sie und baut die Seite auf Ihrem Bildschirm.

---

🛠 Übungsreflexion

Denken Sie an eine Webseite, die Sie kürzlich besucht haben.

Diese Seite enthält wahrscheinlich:

• Text
• Bilder
• Schaltflächen
• Links
• Menüs

All diese Elemente werden mit HTML, CSS und Mediendateien erstellt.

---

✅ Zusammenfassung der Lektion

Heute haben Sie gelernt:

• Websites bestehen aus mehreren Dateien
• HTML erstellt die Struktur der Seite
• CSS steuert Design und Layout
• Bilder und Medien fügen visuelle Inhalte hinzu

Diese Elemente arbeiten zusammen, um die Webseiten zu erstellen, die Sie täglich sehen.