Responsive Webdesign mit HTML5 und CSS3
Kurs-ID | LS23.266 |
Datum | 06.05.2024 bis 01.06.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 |
Abendkurs | Bildungsgutschein | Förderfähig nach Fachkursprogramm des ESF | Barierrefreier Zugang |
---|---|---|---|
k. A. | Ja | k. 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: |
---|