223015c 02: anrede durchgängig duzen, emoji raus, http/2.0 vereinheitlicht

slides/223015c/02-netzwerke-protokolle-css.md

@@ -345,7 +345,7 @@ SPEAKER NOTES:
 
 ![bg right:40% fit](./assets/demos/network-chain.png)
 
-Zwischen Ihnen und einer Webseite liegen viele Stationen.
+Zwischen euch und einer Webseite liegen viele Stationen.
 
 Jede Komponente "spricht" anders:
 
@@ -699,7 +699,7 @@ Drei Adressebenen lösen drei verschiedene Probleme:
 <!-- _class: lead -->
 
 # Die Reise eines Klicks
-## Was passiert, wenn Sie `www.hdm-stuttgart.de` aufrufen?
+## Was passiert, wenn ihr `www.hdm-stuttgart.de` aufruft?
 
 <!--
 SPEAKER NOTES:
@@ -713,7 +713,7 @@ SPEAKER NOTES:
 
 # Das Szenario
 
-Sie sind im WLAN der HdM und rufen auf:
+Ihr seid im WLAN der HdM und ruft auf:
 
 ```
 https://www.hdm-stuttgart.de
@@ -775,7 +775,7 @@ SPEAKER NOTES:
 www.hdm-stuttgart.de  →  212.132.79.37
 ```
 
-Ihr Laptop fragt sich durch:
+Euer Laptop fragt sich durch:
 
 1. **Browser-Cache:** "War ich da kürzlich?" → Nein
 2. **OS-Cache:** "Kennt das Betriebssystem die IP?" → Nein
@@ -1000,7 +1000,7 @@ SPEAKER NOTES:
 
 ---
 
-# Was Ihr Browser sendet
+# Was euer Browser sendet
 
 ```http
 GET / HTTP/2.0
@@ -1019,9 +1019,9 @@ Connection: keep-alive
 <!--
 SPEAKER NOTES:
 - HTTP-Request: lesbar, menschlich verständlich
-- GET = "hol mir was" (POST = "hier Daten für Sie")
+- GET = "hol mir was" (POST = "hier Daten für euch")
 - "/" = Wurzel = Startseite
-- HTTP/1.1 = Protokollversion
+- HTTP/2.0 = Protokollversion
 - Header: Kontext (Host, Browser, Sprache)
 - ~200 Bytes Text → müssen durchs Internet
 -->
@@ -1106,7 +1106,7 @@ SPEAKER NOTES:
 
 <!-- _class: dimmed -->
 
-# Woher kennt Ihr Laptop die Router-MAC?
+# Woher kennt euer Laptop die Router-MAC?
 
 **ARP** – Address Resolution Protocol
 
@@ -1167,7 +1167,7 @@ SPEAKER NOTES:
 
 ---
 
-# Der erste Hop: Ihr Router
+# Der erste Hop: Euer Router
 
 **Laptop** → [Frame] → **Router**
 
@@ -1269,7 +1269,7 @@ SPEAKER NOTES:
 # Der Server antwortet
 
 ```http
-HTTP/1.1 200 OK
+HTTP/2.0 200 OK
 Content-Type: text/html; charset=UTF-8
 Content-Length: 45231
 
@@ -1280,7 +1280,7 @@ Content-Length: 45231
 ...
 ```
 
-~45 KB HTML müssen jetzt zu Ihnen.
+~45 KB HTML müssen jetzt zu euch.
 
 <!--
 SPEAKER NOTES:
@@ -1328,7 +1328,7 @@ SPEAKER NOTES:
 
 ---
 
-# Decapsulation bei Ihnen
+# Decapsulation bei euch
 
 ![bg right:42% fit](./assets/demos/decap-stack.png)
 
@@ -1738,7 +1738,7 @@ Vorteil: Ihr könnt das Design der ganzen Website ändern, indem ihr eine Datei
 
 # CSS einbinden
 
-**Option 1: Externe Datei** ✓
+**Option 1: Externe Datei** (empfohlen)
 ```html
 <link rel="stylesheet" href="style.css">
 ```
@@ -1748,7 +1748,7 @@ Vorteil: Ihr könnt das Design der ganzen Website ändern, indem ihr eine Datei
 <style>p { color: blue; }</style>
 ```
 
-**Option 3: Inline** ✗
+**Option 3: Inline** (vermeiden)
 ```html
 <p style="color: blue;">...</p>
 ```
@@ -1884,7 +1884,7 @@ Eine Klasse kann auf beliebig viele Elemente angewendet werden. Ein Element kann
 
 **Raute** vor dem Namen = ID
 
-⚠️ IDs sollten **einmalig** pro Seite sein.
+**Achtung:** IDs sollten **einmalig** pro Seite sein.
 
 <!--
 SPEAKER NOTES: