diff --git a/web/02/labor/02_loesungen/.DS_Store b/web/02/labor/02_loesungen/.DS_Store new file mode 100644 index 0000000..aa96508 Binary files /dev/null and b/web/02/labor/02_loesungen/.DS_Store differ diff --git a/web/02/labor/02_loesungen/uebung1.html b/web/02/labor/02_loesungen/uebung1.html new file mode 100644 index 0000000..0f24b9d --- /dev/null +++ b/web/02/labor/02_loesungen/uebung1.html @@ -0,0 +1,24 @@ + + + + + + + Ungeordnete Liste + + + +

Webentwicklung lernen

+ + + + \ No newline at end of file diff --git a/web/02/labor/02_loesungen/uebung2.html b/web/02/labor/02_loesungen/uebung2.html new file mode 100644 index 0000000..5832053 --- /dev/null +++ b/web/02/labor/02_loesungen/uebung2.html @@ -0,0 +1,21 @@ + + + + + + + Geordnete Liste + + + +

Muffins backen

+
    +
  1. Backofen auf 180 °C vorheizen
    2. +
  2. Teig vorbereiten (Mehl, Zucker, Eier etc. verrühren)
    3. +
  3. Teig in Förmchen füllen
    4. +
  4. Muffins 20 Minuten backen
    5. +
  5. Abkühlen lassen und servieren
    6. +
+ + + \ No newline at end of file diff --git a/web/02/labor/02_loesungen/uebung3.html b/web/02/labor/02_loesungen/uebung3.html new file mode 100644 index 0000000..ffe58cd --- /dev/null +++ b/web/02/labor/02_loesungen/uebung3.html @@ -0,0 +1,49 @@ + + + + + + Stundenplan - Klasse 8a + + + +

Aktueller Stundenplan

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Stundenplan - 8. Schuljahr
ZeitMontagDienstagMittwochDonnerstagFreitag
08–10 UhrMatheEnglischPhysikChemieSport
10–12 UhrDeutschBiologieMusikMatheKunst
Stand: Juli 2025
+ + + \ No newline at end of file diff --git a/web/02/labor/02_loesungen/uebung4.html b/web/02/labor/02_loesungen/uebung4.html new file mode 100644 index 0000000..cc0e608 --- /dev/null +++ b/web/02/labor/02_loesungen/uebung4.html @@ -0,0 +1,47 @@ + + + + + + Web-News + + + + +
+

WebWeekly – Aktuelle Nachrichten aus der Webentwicklung

+ +
+ +
+
+

Neuigkeiten aus der Webwelt

+ +
+

HTML

+

Das W3C hat erste Entwürfe für HTML6 veröffentlicht...

+
+ +
+

CSS

+

Immer mehr Entwickler setzen auf moderne CSS-Techniken...

+
+
+ +
+

Tipp der Woche

+

Nutze <section> und <article>, um Inhalte logisch zu gliedern!

+
+
+ + + + + + \ No newline at end of file diff --git a/web/02/labor/02_loesungen/uebung5/bilder/chickentikkamasala.jpg b/web/02/labor/02_loesungen/uebung5/bilder/chickentikkamasala.jpg new file mode 100644 index 0000000..ae7b26f Binary files /dev/null and b/web/02/labor/02_loesungen/uebung5/bilder/chickentikkamasala.jpg differ diff --git a/web/02/labor/02_loesungen/uebung5/bilder/falafeln.jpg b/web/02/labor/02_loesungen/uebung5/bilder/falafeln.jpg new file mode 100644 index 0000000..b379ab6 Binary files /dev/null and b/web/02/labor/02_loesungen/uebung5/bilder/falafeln.jpg differ diff --git a/web/02/labor/02_loesungen/uebung5/bilder/flammkuchen.jpg b/web/02/labor/02_loesungen/uebung5/bilder/flammkuchen.jpg new file mode 100644 index 0000000..78e69c4 Binary files /dev/null and b/web/02/labor/02_loesungen/uebung5/bilder/flammkuchen.jpg differ diff --git a/web/02/labor/02_loesungen/uebung5/bilder/kaiserschmarrn.jpg b/web/02/labor/02_loesungen/uebung5/bilder/kaiserschmarrn.jpg new file mode 100644 index 0000000..b2bad37 Binary files /dev/null and b/web/02/labor/02_loesungen/uebung5/bilder/kaiserschmarrn.jpg differ diff --git a/web/02/labor/02_loesungen/uebung5/bilder/spaghettibolognese.jpg b/web/02/labor/02_loesungen/uebung5/bilder/spaghettibolognese.jpg new file mode 100644 index 0000000..a03cfce Binary files /dev/null and b/web/02/labor/02_loesungen/uebung5/bilder/spaghettibolognese.jpg differ diff --git a/web/02/labor/02_loesungen/uebung5/index.html b/web/02/labor/02_loesungen/uebung5/index.html new file mode 100644 index 0000000..2d20bd5 --- /dev/null +++ b/web/02/labor/02_loesungen/uebung5/index.html @@ -0,0 +1,81 @@ + + + + + + + + Meine Lieblingsrezepte + + + +
+ +
+
+

Lieblingsrezepte

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Top 5 Rezepte
TitelBildAufwandPortionen
Spaghetti BologneseSpaghetti Bolognese45 Min4
FalafelnFalafeln30 Min2
KaiserschmarrnKaiserschmarrn20 Min4
FlammkuchenFlammkuchen25 Min2
Chicken Tikka MasalaChicken Tikka Masala60 Min6
Die besten Rezepte der Welt!
+
+
+ + + + \ No newline at end of file diff --git a/web/02/labor/02_loesungen/uebung5/rezepte/rezept1.html b/web/02/labor/02_loesungen/uebung5/rezepte/rezept1.html new file mode 100644 index 0000000..12d53dd --- /dev/null +++ b/web/02/labor/02_loesungen/uebung5/rezepte/rezept1.html @@ -0,0 +1,31 @@ + + + + + + + Spaghetti Bolognese + + + +

Spaghetti Bolognese

+

Zutaten:

+ +

Zubereitung:

+
    +
  1. Spaghetti in Salzwasser al dente kochen.
    2. +
  2. Zwiebeln und Knoblauch in Öl anbraten.
    3. +
  3. Hackfleisch hinzufügen und krümelig braten.
    4. +
  4. Tomaten und Gewürze dazugeben und köcheln lassen.
    5. +
  5. Spaghetti mit der Sauce vermengen und servieren.
    6. +
+ + + \ No newline at end of file diff --git a/web/02/labor/02_loesungen/uebung5/rezepte/rezept2.html b/web/02/labor/02_loesungen/uebung5/rezepte/rezept2.html new file mode 100644 index 0000000..98ba826 --- /dev/null +++ b/web/02/labor/02_loesungen/uebung5/rezepte/rezept2.html @@ -0,0 +1,33 @@ + + + + + + + Falafeln + + + +

Falafeln

+

Zutaten:

+ + +

Zubereitung:

+
    +
  1. Eingeweichte Kichererbsen mit Zwiebel, Knoblauch und Kräutern pürieren.
    2. +
  2. Gewürze, Mehl und Backpulver untermischen.
    3. +
  3. Aus der Masse kleine Bällchen formen.
    4. +
  4. Falafeln in heißem Öl goldbraun frittieren.
    5. +
  5. Mit Dip oder im Fladenbrot servieren.
    6. +
+ + + + \ No newline at end of file diff --git a/web/02/labor/02_loesungen/uebung5/rezepte/rezept3.html b/web/02/labor/02_loesungen/uebung5/rezepte/rezept3.html new file mode 100644 index 0000000..ac53fce --- /dev/null +++ b/web/02/labor/02_loesungen/uebung5/rezepte/rezept3.html @@ -0,0 +1,30 @@ + + + + + + + Kaiserschmarrn + + + +

Kaiserschmarrn

+

Zutaten:

+ +

Zubereitung:

+
    +
  1. Eier trennen und Eiweiß steif schlagen.
    2. +
  2. Eigelb mit Milch, Mehl und Zucker verrühren.
    3. +
  3. Eischnee unterheben.
    4. +
  4. Teig in Butter in der Pfanne goldbraun backen.
    5. +
  5. Mit zwei Gabeln zerreißen, mit Puderzucker bestreuen und servieren.
    6. +
+ + + \ No newline at end of file diff --git a/web/02/labor/02_loesungen/uebung5/rezepte/rezept4.html b/web/02/labor/02_loesungen/uebung5/rezepte/rezept4.html new file mode 100644 index 0000000..770f0f7 --- /dev/null +++ b/web/02/labor/02_loesungen/uebung5/rezepte/rezept4.html @@ -0,0 +1,30 @@ + + + + + + + Flammkuchen + + + +

Flammkuchen

+

Zutaten:

+ +

Zubereitung:

+
    +
  1. Mehl, Wasser, Öl und Salz zu einem glatten Teig verkneten.
    2. +
  2. Teig dünn ausrollen und auf ein Backblech legen.
    3. +
  3. Mit Crème fraîche bestreichen.
    4. +
  4. Speckwürfel und fein geschnittene Zwiebeln darauf verteilen.
    5. +
  5. Im vorgeheizten Ofen bei 220 °C ca. 12–15 Minuten backen.
    6. +
+ + + \ No newline at end of file diff --git a/web/02/labor/02_loesungen/uebung5/rezepte/rezept5.html b/web/02/labor/02_loesungen/uebung5/rezepte/rezept5.html new file mode 100644 index 0000000..1716e30 --- /dev/null +++ b/web/02/labor/02_loesungen/uebung5/rezepte/rezept5.html @@ -0,0 +1,32 @@ + + + + + + + Chicken Tikka Masala + + + +

Chicken Tikka Masala

+

Zutaten:

+ + +

Zubereitung:

+
    +
  1. Hähnchenstücke in Joghurt und Gewürzen marinieren.
    2. +
  2. Fleisch in der Pfanne oder im Ofen garen.
    3. +
  3. Zwiebeln und Gewürze in Öl anbraten.
    4. +
  4. Passierte Tomaten und Sahne oder Joghurt hinzufügen.
    5. +
  5. Hähnchen in die Sauce geben und kurz köcheln lassen.
    6. +
+ + + \ No newline at end of file diff --git a/web/03/labor/03_loesungen/uebung1.md b/web/03/labor/03_loesungen/uebung1.md new file mode 100644 index 0000000..15f9974 --- /dev/null +++ b/web/03/labor/03_loesungen/uebung1.md @@ -0,0 +1,18 @@ +## 1. Lösung + +`https://lernportal.schule-xyz.de/materialien/arbeitsblatt?id=2025#download` + + +**Protokoll**: https + +**Subdomain**: lernportal + +**Second-Level-Domain**: schule-xyz + +**Top-Level-Domain**: .de + +**Pfad**: /materialien/arbeitsblatt + +**Parameter**: id=2025 + +**Sprungmarke**: download \ No newline at end of file diff --git a/web/03/labor/03_loesungen/uebung2.md b/web/03/labor/03_loesungen/uebung2.md new file mode 100644 index 0000000..4d84a2d --- /dev/null +++ b/web/03/labor/03_loesungen/uebung2.md @@ -0,0 +1,36 @@ +## 2. Lösung + +### IP (Domänenname): + +1. `www.wikipedia.de` : 49.13.55.174 +2. `www.thalia.de` : 104.16.2.25 und 104.16.3.25 +3. `www.tagesschau.de`: 23.67.129.182 +4. `www.zalando.de`: 23.207.210.206 und 23.207.210.218 + +## Erläuterung + +Der Befehl `nslookup` fragt einen DNS-Server nach der IP-Adresse zu einem Domainnamen. Die Ausgabe enthält typischerweise: + +- **Server**: Der DNS-Server, der für die Abfrage verwendet wurde. +- **Address**: Die IP-Adresse dieses DNS-Servers. +- **Name**: Der Name (Domain), der abgefragt wurde. +- **Address(es)**: Die IP-Adresse(n), die zur Domain gehören. + +### Beispielausgabe + +```bash +> nslookup www.heise.de +Server: fritz.box +Address: 192.168.178.1 + +Non-authoritative answer: +Name: www.heise.de +Addresses: 2a02:2e0:3fe:1001:302:: (IPv6) + 193.99.144.80 (IPv4) +``` + +**Erklärung:** + +- Die Abfrage wurde an den lokalen DNS-Server `fritz.box` (IP: 192.168.178.1) geschickt – typischerweise der Router. +- Die Antwort ist „non-authoritative“, d. h. sie stammt nicht direkt von der zuständigen Quelle, sondern wurde zwischengespeichert. +- Die Domain `www.heise.de` hat zwei IP-Adressen: eine IPv6- und eine IPv4-Adresse. diff --git a/web/03/labor/03_loesungen/uebung3.md b/web/03/labor/03_loesungen/uebung3.md new file mode 100644 index 0000000..235af27 --- /dev/null +++ b/web/03/labor/03_loesungen/uebung3.md @@ -0,0 +1,28 @@ +## 3. Lösung + +#### Aufgabe A + +```http +HTTP/2 200 +content-type: text/html +etag: "bc2473a18e003bdb249eba5ce893033f:1760028122.592274" +last-modified: Thu, 09 Oct 2025 16:42:02 GMT +cache-control: max-age=86000 +date: Fri, 10 Oct 2025 13:36:32 GMT +alt-svc: h3=":443"; ma=93600 +``` + +- *Response Line*: Statuscode 200 (=Erfolg) und HTTP/2-Protokoll +- *Inhaltstyp*: HTML-Webseite +- *ETag*: eindeutiger Bezeichner für Version der Ressource +- *last-modified*: Letzte Änderung am 9. Oktober 2025 16:42:02 GMT +- *Cache-Control*: Ressource kann für 86000 Sekunden direkt aus dem Cache verwendet werden +- *Date*: Zeitpunkt, zu dem die Antwort von Server generiert wurde: 10. Oktober 2025 13:36:32 GMT + +- *alt-svc*: nicht relevant für uns + +#### Aufgabe B + +*Eingabe*: `https://www.google.com/search?q=tim+berners+lee` + +*Antwort*: Es wird eine Google-Suche für "Tim Berners Lee" durchgeführt und das Ergebnis im Browser angezeigt. Der Browser sendet also eine HTTP-Anfrage an `https://www.google.com/search` mit dem Query-Parameter `q=tim+berners+lee`. diff --git a/web/03/labor/03_loesungen/uebung4.md b/web/03/labor/03_loesungen/uebung4.md new file mode 100644 index 0000000..01e8852 --- /dev/null +++ b/web/03/labor/03_loesungen/uebung4.md @@ -0,0 +1,37 @@ +## 4. Lösung + +#### 1. Was bedeutet der HTTP-Statuscode `404`? + +- [ ] Die Verbindung wurde abgelehnt +- [ ] Der Server ist überlastet +- [x] Die Ressource wurde nicht gefunden +- [ ] Die Anfrage war erfolgreich + +**Erklärung:** `404` bedeutet, dass die angeforderte Ressource auf dem Server nicht gefunden wurde. + +#### 2. Welcher Statuscode steht für eine erfolgreiche POST-Anfrage, bei der eine neue Ressource erstellt wurde? + +- [ ] `200 OK` +- [ ] `302 Found` +- [ ] `204 No Content` +- [x] `201 Created` + +**Erklärung:** `201 Created` zeigt an, dass die Ressource erfolgreich erstellt wurde. + +#### 3. Was bedeutet der Statuscode `500`? + +- [ ] Umleitung +- [x] Serverfehler +- [ ] Erfolgreiche Anfrage +- [ ] Clientfehler + +**Erklärung:** `500` ist ein interner Serverfehler – der Server konnte die Anfrage nicht verarbeiten. + +#### 4. Welcher Statuscode zeigt an, dass eine Ressource dauerhaft verschoben wurde? + +- [x] `301 Moved Permanently` +- [ ] `307 Temporary Redirect` +- [ ] `302 Found` +- [ ] `410 Gone` + +**Erklärung:** `301` bedeutet, dass die Ressource dauerhaft unter einer neuen URL erreichbar ist. \ No newline at end of file diff --git a/web/03/labor/03_loesungen/uebung5.md b/web/03/labor/03_loesungen/uebung5.md new file mode 100644 index 0000000..aa0bfba --- /dev/null +++ b/web/03/labor/03_loesungen/uebung5.md @@ -0,0 +1,29 @@ +## 5. Historie-Übung: Entstehungsgeschichte des WWW kennen + +#### 1. Welche Eigenschaft gehört zur Paketvermittlung? + +- [ ] Geringe Flexibilität - Leitung muss reserviert bleiben. +- [x] Keine feste Verbindung - Datenpakete werden einzeln gesendet. +- [ ] Alle Daten nutzen denselben Kanal. +- [ ] Beispiel: analoges Telefonnetz + +#### 2. Wer entwickelte das Konzept eines Memex? + +- [ ] Ted Nelson +- [ ] Tim Berners Lee +- [ ] Steve Jobs +- [x] Vannevar Bush + +#### 3. In welcher Organisation entstand der erste Projektvorschlag zum World Wide Web? + +- [ ] ARPA +- [x] CERN +- [ ] Bell Labs +- [ ] W3C + +#### 4. Wer gründete das World Wide Web Consortium (W3C) im Jahr 1994? + +- [ ] Vannevar Bush +- [ ] Bill Gates +- [x] Tim Berners-Lee +- [ ] Ted Nelson \ No newline at end of file