diff --git a/slides/2026-01-10-termin-2-netzwerke-protokolle-css.md b/slides/2026-01-10-termin-2-netzwerke-protokolle-css.md index e8ddc71..cafb92b 100644 --- a/slides/2026-01-10-termin-2-netzwerke-protokolle-css.md +++ b/slides/2026-01-10-termin-2-netzwerke-protokolle-css.md @@ -106,6 +106,8 @@ Fragen klären * MDN (Mozilla Developer Network): https://developer.mozilla.org/de/ * HTML-Referenz: https://nextlevelshit.github.io/html-over-js/ * CSS lernen: https://codescripsi.es/ +* Flexbox-Spiel: https://flexboxfroggy.com/ +* Grid-Spiel: https://cssgridgarden.com/ --- @@ -1534,13 +1536,6 @@ article { -# Pause -## 15 Minuten - ---- - - - # Teil 4: CSS vertiefen ## Transitions & moderne Features @@ -1677,22 +1672,6 @@ Variablen machen's einfach --- -# Fleißaufgabe bis 24.01. - -**Baut eine vollständige Portfolio-Seite:** - -1. Mehrere Unterseiten (HTML-Dateien) -2. Konsistentes Layout (Header, Footer, Navigation) -3. Responsive Design (Mobile-freundlich) -4. Mindestens ein Kontaktformular - -**Ressourcen:** -- CSS lernen: https://codescripsi.es/ -- Flexbox: https://flexboxfroggy.com/ -- Grid: https://cssgridgarden.com/ - ---- - # Fragen & Diskussion @@ -1703,25 +1682,6 @@ Variablen machen's einfach --- -# Zusammenfassung Termin 2 - -**Netzwerke:** -- OSI-Modell (7 Schichten) vs. TCP/IP (4 Schichten) -- DNS: Namen → IP-Adressen -- HTTP: Request/Response, Status-Codes - -**Barrierefreiheit:** -- WCAG: Perceivable, Operable, Understandable, Robust -- Tastatur-Navigation, Screenreader, Kontrast - -**CSS:** -- Selektoren (Element, Klasse, ID) -- Box-Modell (Content, Padding, Border, Margin) -- Flexbox für Layouts -- Responsive Design mit Media Queries - ---- - # Lizenz Diese Präsentation ist lizenziert unter **Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)**