From 6c8688c9f6c6bed3c083c15612eb6ae335ab9490 Mon Sep 17 00:00:00 2001 From: Michael Czechowski Date: Mon, 20 Apr 2026 11:27:28 +0200 Subject: [PATCH] replace ascii arrows: network chain, port highlight, client/server, encap/decap, response hops --- slides/223015c/02-netzwerke-protokolle-css.md | 86 +++++------------- .../assets/demos/client-server-ports.html | 58 ++++++++++++ .../assets/demos/client-server-ports.png | Bin 0 -> 40880 bytes slides/223015c/assets/demos/decap-stack.html | 65 +++++++++++++ slides/223015c/assets/demos/decap-stack.png | Bin 0 -> 69000 bytes slides/223015c/assets/demos/encap-stack.html | 63 +++++++++++++ slides/223015c/assets/demos/encap-stack.png | Bin 0 -> 53894 bytes .../223015c/assets/demos/network-chain.html | 57 ++++++++++++ slides/223015c/assets/demos/network-chain.png | Bin 0 -> 47914 bytes .../223015c/assets/demos/port-highlight.html | 52 +++++++++++ .../223015c/assets/demos/port-highlight.png | Bin 0 -> 17016 bytes .../223015c/assets/demos/response-hops.html | 50 ++++++++++ slides/223015c/assets/demos/response-hops.png | Bin 0 -> 30670 bytes 13 files changed, 369 insertions(+), 62 deletions(-) create mode 100644 slides/223015c/assets/demos/client-server-ports.html create mode 100644 slides/223015c/assets/demos/client-server-ports.png create mode 100644 slides/223015c/assets/demos/decap-stack.html create mode 100644 slides/223015c/assets/demos/decap-stack.png create mode 100644 slides/223015c/assets/demos/encap-stack.html create mode 100644 slides/223015c/assets/demos/encap-stack.png create mode 100644 slides/223015c/assets/demos/network-chain.html create mode 100644 slides/223015c/assets/demos/network-chain.png create mode 100644 slides/223015c/assets/demos/port-highlight.html create mode 100644 slides/223015c/assets/demos/port-highlight.png create mode 100644 slides/223015c/assets/demos/response-hops.html create mode 100644 slides/223015c/assets/demos/response-hops.png diff --git a/slides/223015c/02-netzwerke-protokolle-css.md b/slides/223015c/02-netzwerke-protokolle-css.md index 40c462a..6f72bcc 100644 --- a/slides/223015c/02-netzwerke-protokolle-css.md +++ b/slides/223015c/02-netzwerke-protokolle-css.md @@ -347,25 +347,18 @@ SPEAKER NOTES: # Das Problem: Komplexität -Zwischen dir und einer Webseite liegen: +![bg right:40% fit](./assets/demos/network-chain.png) -``` -Dein Browser - ↓ -Deine Netzwerkkarte (WLAN oder Ethernet) - ↓ -Router im Flur / zu Hause - ↓ -Netzwerk der HdM / deines Providers - ↓ -Das Internet (dutzende Router) - ↓ -Netzwerk des Ziel-Servers - ↓ -Der Webserver -``` +Zwischen dir und einer Webseite liegen viele Stationen. -Jede Komponente "spricht" anders. +Jede Komponente "spricht" anders: + +- Browser → **HTTP** +- Netzwerkkarte → **Bits / Signale** +- Router → **IP-Pakete** +- Provider → **Routing** + +Wie zusammenbringen?