Responsive Webdesign mit HTML5 und CSS3

Kurs-ID LS23.266
Datum 01.07.2024 bis 26.07.2024
Dauer 4-Wochen-Kurs
Kosten kostenlos
Zielgruppe Studierende und Einsteiger mit grundlegenden Vorwissen in HTML und CSS
Voraussetzung Umgang mit dem Betriebssystem (Windows o. Mac OS X)
Abschluss Zertifikat des Bildungsträgers
Förderung Kompletter Kurs förderfähig z.B. mit Bildungsgutschein, über Berufsförderungsdienst (BFD) oder bei Kurzarbeit
Präsenzkurs Keine Angabe.
mind. Teilnehmerzahl k. A.
max. Teilnehmerzahl k. A.
URL des Kurses Details beim Anbieter
spezielles Angebot für Dozenten Keine Angabe.
Veranstaltungsort
 
future Training & Consulting GmbH
Keltergasse 3
89073 Ulm

 

AbendkursBildungsgutscheinFörderfähig nach Fachkursprogramm des ESFBarierrefreier Zugang
k. A.Jak. A.k. A.

 

Beschreibung
In diesem Training lernen Sie es, in flexiblen Strukturen zu denken, Media Queries professionell einzusetzen und Usability-Anforderungen umzusetzen. Lernen Sie alles über den Umgang mit verschiedenen Layouttypen, den Einsatz von Media Queries sowie die Entwicklung eines modernen Webdesigns. Erfahren Sie, wie ein Web-Layout für alle Geräte und Medien funktioniert sowie Navigations- und Content-Strukturen benutzerfreundlich gestaltet werden. Lernen Sie, wie Sie Formulare, Tabellen oder Slideshows responsiv einsetzen und externe Videoplayer, Maps oder Werbeformate im responsiven Design verwenden.

- Media Queries und flexible Inhalte
- Responsive Umsetzung eines fixen Layouts
- Schlüsseltechnologie Media Queries
- Design und Typografie
- Design von innen nach außen – der Atomic-Design-Ansatz
- Typografie mit anpassungsfähiger Text
- Semantik und Barrierefreiheit
- Semantik durch HTML5
- Semantik durch WAI-ARIA-Rollen
- Responsive Layout-Patterns
- Darstellungsmuster für unterschiedliche Ausgabegeräte
- Flexbox-Layout und Grid-Layouts
- Frameworks im Vergleich
- JavaScript-Bibliotheken und fertige Frameworks verwenden
- Elegante Stylesheets mit Präprozessoren: SASS, und LESS
- Navigationskonzepte
- Benutzerfreundliche Navigation für mobile Geräte
- Toggle-Menüs, Off-Canvas-Menü und Multilevel-Menüs
- SVG und Icon Fonts
- Responsive Icons
- Auflösungsunabhängige Grafiken (SVG)
- Syntax für responsive Bilder
- Responsive Lightboxen, Image Maps, Videos und Inhaltsboxen
- Unterschiedliche Versionen für responsive Bilder erzeugen
- Testing und Performanceoptimierung
- Validatoren für HTML und CSS sowie Breakpoints im Browser testen
- Performanceoptimierung für Grafiken und Bilder sowie Web-Schriften optimieren
- Caching

 

Gelistet in folgenden Rubriken: