Responsives Webdesign mit HTML5

Seminar - GFU Cyrus AG

Sie lernen, mit HTML, CSS und Javascript reaktionsfähige Webseiten- und

Webapplikationslayouts zu entwerfen und umzusetzen.

Termin	Ort	Preis^*
firmenintern	auf Anfrage	auf Anfrage	jetzt buchen

^*Alle Preise verstehen sich inkl. MwSt.

Detaillierte Informationen zum Seminar

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

Zielgruppe:

Webdesigner, Entwickler für Webfrontends

Seminarkennung:

S1633

Nach unten

Nach oben

Wir setzen Analyse-Cookies ein, um Ihre Zufriedenheit bei der Nutzung unserer Webseite zu verbessern. Diese Cookies werden nicht automatisiert gesetzt. Wenn Sie mit dem Einsatz dieser Cookies einverstanden sind, klicken Sie bitte auf Akzeptieren. Weitere Informationen finden Sie hier.

Akzeptieren Nicht akzeptieren

Ihr Name:

Firma (optional):

Ihre E-Mail-Adresse:

Telefonnummer (optional):

Ihre Nachricht:

Um Spam abzuwehren, geben Sie bitte die Buchstaben auf dem Bild in das Textfeld ein:

Bei der Verarbeitung Ihrer personenbezogenen Daten im Zusammenhang mit der Kontaktfunktion beachten wir die gesetzlichen Bestimmungen. Unsere ausführlichen Datenschutzinformationen finden Sie hier. Bei der Kontakt-Funktion erhobene Daten werden nur an den jeweiligen Anbieter weitergeleitet und sind nötig, damit der Anbieter auf Ihr Anliegen reagieren kann.

Responsives Webdesign mit HTML5

Detaillierte Informationen zum Seminar

Anbieterinformationen