Online
Webinar
Responsives Webdesign mit HTML5
Inhalte
- Allgemeine Grundlagen responsiver Layouts
- Ausgaben auf mobilen Geräten und Desktopbrowsern
- Viewport
- Geräteabhängige Designaspekte: Multicolumn, Off-Canvas, Drop-Down?
- Responsive, Fluid, Adaptive?
- HTML für das Dokument
- Semantisches HTML
- Architektur von Template, UI-Komponenten und Inhalten
- div-Elemente richtig einsetzen
- Layouts mit CSS umsetzen
- Anforderungen und Entwurf eines flexiblen Layouts
- Ein typografisches Raster entwickeln, z.B. 12 Spalten
- CSS Grids und Flexboxen
- Einsatz von Mediaqueries
- Medientypen und Attribute abfragen (große und kleine Bildschirme, Drucker)
- Breakpoints zur Unterscheidung verschiedener Geräteklassen?
- Responsive Bilder und Grafik
- Bilder mit srcset,
- SVG (Vektorgrafiken) in HTML und CSS
- Icons aus Zeichensätzen
- Farben und Farbverläufe
- Filter und Backdropfilter
- Dynamisches Verhalten
- CSS Transitions
- CSS Animations
- CSS Transformations
- Responsive Typografie
- Leserlichkeit: Satz und Layout für alle Geräte
- Die Bedeutung von Schrift und Schriftgröße
- Fluide Schriftgrößen mit clamp()
- Responsivität für barrierefreie Web-Oberflächen
- Benutzereinstellungen berücksichtigen
- Mediaqueries für zeitliches Verhalten, erhöhten Kontrast u.a.
- Barrierefreier Einsatz von Farben
- Typografie und Leserlichkeit: Schrift für Menschen mit Beeinträchtigungen beim Lesen und Schreiben
- Fokusrahmen, Fehlerhinweise und Informationstext-Gestaltung
- UX für mobile Geräte
- Content first, Mobile first
- Mauszeiger vs. Touchscreen
- Schaltflächen, Navigationslisten, Eingabeelemente
- Einblick in Design Frameworks
- Boostrap, Material, Daisy UI u.a.
- Tailwind
- Anwendungsfälle
- Layout für Smartphone, Tablet und Desktop
- Beispiele für Bild und Text
- Beispiele für Formulare
- Beispiel einer Hamburger-Navigation
- Icons
- Allgemeine Grundlagen responsiver Layouts
- Ausgaben auf mobilen Geräten und Desktopbrowsern
- Viewport
- Geräteabhängige Designaspekte: Multicolumn, Off-Canvas, Drop-Down?
- Responsive, Fluid, Adaptive?
- HTM...
Termine und Orte
| Datum | Dauer | Preis | ||
|---|---|---|---|---|
| Webinar | ||||
| 03.08.2026 - 05.08.2026 21 h | 21 h | Details | Details Jetzt buchen | |
| 16.11.2026 - 18.11.2026 21 h | 21 h | Details | Details Jetzt buchen | |
| 22.02.2027 - 24.02.2027 21 h | 21 h | Details | Details Jetzt buchen | |
| 31.05.2027 - 02.06.2027 21 h | 21 h | Details | Details Jetzt buchen | |
| 30.08.2027 - 01.09.2027 21 h | 21 h | Details | Details Jetzt buchen | |
| 29.11.2027 - 01.12.2027 21 h | 21 h | Details | Details Jetzt buchen | |
| Datum | Dauer | Preis | ||
|---|---|---|---|---|
| Webinar | ||||
| 03.08.2026 - 05.08.2026 21 h | 21 h | Details | Details Jetzt buchen | |
| 16.11.2026 - 18.11.2026 21 h | 21 h | Details | Details Jetzt buchen | |
| 22.02.2027 - 24.02.2027 21 h | 21 h | Details | Details Jetzt buchen | |
| 31.05.2027 - 02.06.2027 21 h | 21 h | Details | Details Jetzt buchen | |
| 30.08.2027 - 01.09.2027 21 h | 21 h | Details | Details Jetzt buchen | |
| 29.11.2027 - 01.12.2027 21 h | 21 h | Details | Details Jetzt buchen | |