update 223015c chapter 1: new hex table, zahlensysteme slide, fix byte to 42

slides/223015c/01-geschichte-grundlagen-html.md

@@ -158,6 +158,20 @@ SPEAKER NOTES:
 
 ---
 
+<!-- _header: '' -->
+<!-- _footer: '' -->
+
+![bg fit](./assets/diday.png)
+
+---
+
+<!-- _header: '' -->
+<!-- _footer: '' -->
+
+![bg fit](./assets/signal-2026-04-09-190024_002.jpeg)
+
+---
+
 <!-- _class: lead -->
 
 # Kapitel 1
@@ -942,7 +956,7 @@ Shannon: Begründer der Informationstheorie
 **8 Bits = 1 Byte**
 
 ```
-0 1 0 0 1 0 0 1
+0 0 1 0 1 0 1 0
 ```
 
 **Wie viele Kombinationen?**
@@ -974,21 +988,50 @@ Farbbild: Rot + Grün + Blau
 
 ---
 
+# Zahlensysteme
+
+**Eine Ziffer — wie viele Werte?**
+
+| System | Basis | Ziffern | Beispiel |
+|--------|-------|---------|----------|
+| **Dezimal** | 10 | 0-9 | `42` = 4×10 + 2 |
+| **Binär** | 2 | 0-1 | `101010` = 42 |
+| **Hexadezimal** | 16 | 0-F | `2A` = 2×16 + 10 |
+
+→ Alle drei beschreiben dieselbe Zahl: **42**
+
+<!--
+Dezimal = was wir im Alltag nutzen (10 Finger → 10 Ziffern)
+Binär = was Computer nutzen (Strom an/aus → 2 Zustände)
+Hexadezimal = Kompromiss: kompakter als Binär, aber passt perfekt auf Bytes (2 Hex-Ziffern = 1 Byte = 8 Bit)
+Die Basis bestimmt, wie viele Symbole pro Stelle zur Verfügung stehen:
+- Dezimal: 10 (0–9)
+- Binär: 2 (0, 1)
+- Hex: 16 (0–9 + A–F, wobei A=10, B=11, ..., F=15)
+-->
+
+---
+
 # Hexadezimal: Lesbarkeit
 
-**Binär ist unleserlich:**
+**Für den Menschen ungeeignet:**
 `01001101 01010000 00110011`
 
 **Hexadezimal (Base 16):**
 `4D 50 33` (= "MP3" in ASCII)
 
-**Jede Hex-Ziffer = 4 Bits**
+**Jede Hex-Ziffer = 4 Bits (ein "Nibble")**
 0-9, A-F (A=10, B=11, ..., F=15)
 
+`4 = 0100` `D = 1101`
+`5 = 0101` `0 = 0000`
+`3 = 0011` `3 = 0011`
+
 <!--
 Hex = Shortcut für Menschen
 1 Byte = 2 Hex-Ziffern (00-FF)
-CSS-Farben nutzen Hex
+"Nibble" = 4 Bits = halbes Byte (Wortspiel: nibble = knabbern, byte = beißen)
+CSS (Cascading Style Sheets)-Farben nutzen Hex: #FF0000 = Rot
 -->
 
 ---
@@ -1023,7 +1066,12 @@ CSS-Farben nutzen Hex
 Präfixe:
 - 0x = "das ist Hexadezimal" (C, JavaScript, Python)
 - U+ = Unicode-Codepoint (Standard für Zeichenkodierung)
-- # = CSS-Konvention für Farben
+- # = CSS (Cascading Style Sheets)-Konvention für Farben
+
+ABKÜRZUNGEN:
+- MAC = Media Access Control (eindeutige Hardware-Adresse einer Netzwerkkarte)
+- CSS = Cascading Style Sheets
+- Unicode = universeller Zeichensatz für alle Schriftsysteme
 
 Speicheradressen erklärt:
 - 64-Bit-System → Adresse hat 64 Bit = 16 Hex-Ziffern