public/uni
2
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
libretech
2026-06-17 09:59:58 +02:00
parent 028f5f0fb8
commit ed756461e6
1 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
slides/223015c/02-netzwerke-protokolle-css.md
+15 -15
View File
@@ -345,7 +345,7 @@ SPEAKER NOTES:
![bg right:40% fit](./assets/demos/network-chain.png) ![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: Jede Komponente "spricht" anders:
@@ -699,7 +699,7 @@ Drei Adressebenen lösen drei verschiedene Probleme:
<!-- _class: lead --> <!-- _class: lead -->
# Die Reise eines Klicks # Die Reise eines Klicks
## Was passiert, wenn Sie `www.hdm-stuttgart.de` aufrufen? ## Was passiert, wenn ihr `www.hdm-stuttgart.de` aufruft?
<!-- <!--
SPEAKER NOTES: SPEAKER NOTES:
@@ -713,7 +713,7 @@ SPEAKER NOTES:
# Das Szenario # 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 https://www.hdm-stuttgart.de
@@ -775,7 +775,7 @@ SPEAKER NOTES:
www.hdm-stuttgart.de → 212.132.79.37 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 1. **Browser-Cache:** "War ich da kürzlich?" → Nein
2. **OS-Cache:** "Kennt das Betriebssystem die IP?" → 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 ```http
GET / HTTP/2.0 GET / HTTP/2.0
@@ -1019,9 +1019,9 @@ Connection: keep-alive
<!-- <!--
SPEAKER NOTES: SPEAKER NOTES:
- HTTP-Request: lesbar, menschlich verständlich - 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 - "/" = Wurzel = Startseite
- HTTP/1.1 = Protokollversion - HTTP/2.0 = Protokollversion
- Header: Kontext (Host, Browser, Sprache) - Header: Kontext (Host, Browser, Sprache)
- ~200 Bytes Text → müssen durchs Internet - ~200 Bytes Text → müssen durchs Internet
--> -->
@@ -1106,7 +1106,7 @@ SPEAKER NOTES:
<!-- _class: dimmed --> <!-- _class: dimmed -->
# Woher kennt Ihr Laptop die Router-MAC? # Woher kennt euer Laptop die Router-MAC?
**ARP** – Address Resolution Protocol **ARP** – Address Resolution Protocol
@@ -1167,7 +1167,7 @@ SPEAKER NOTES:
--- ---
# Der erste Hop: Ihr Router # Der erste Hop: Euer Router
**Laptop** → [Frame] → **Router** **Laptop** → [Frame] → **Router**
@@ -1269,7 +1269,7 @@ SPEAKER NOTES:
# Der Server antwortet # Der Server antwortet
```http ```http
HTTP/1.1 200 OK HTTP/2.0 200 OK
Content-Type: text/html; charset=UTF-8 Content-Type: text/html; charset=UTF-8
Content-Length: 45231 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: SPEAKER NOTES:
@@ -1328,7 +1328,7 @@ SPEAKER NOTES:
--- ---
# Decapsulation bei Ihnen # Decapsulation bei euch
![bg right:42% fit](./assets/demos/decap-stack.png) ![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 # CSS einbinden
**Option 1: Externe Datei** ✓ **Option 1: Externe Datei** (empfohlen)
```html ```html
<link rel="stylesheet" href="style.css"> <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> <style>p { color: blue; }</style>
``` ```
**Option 3: Inline** ✗ **Option 3: Inline** (vermeiden)
```html ```html
<p style="color: blue;">...</p> <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 **Raute** vor dem Namen = ID
⚠️ IDs sollten **einmalig** pro Seite sein. **Achtung:** IDs sollten **einmalig** pro Seite sein.
<!-- <!--
SPEAKER NOTES: SPEAKER NOTES: