Responsive Webdesign mit HTML5

Web Developer*innen, Web Designer*innen

Unterschiedliche Anzeigegeräte wie Smartphones, Tablets und Desktoprechner lassen sich mit einem HTML-Template bedienen, das per geräteabhängigen CSS an die Erfordernisse des Geräts angepasst werden. In diesem Seminar lernen Sie alle Techniken und Konzepte des Multidevice-Designs mit HTML5 kennen - vom Aufbau der Templates, über den Einsatz von flexiblen Grids, sowie der Auslieferung gerätespezifisch angepasster Inhalte.

- Fundierte IT- und Internetkenntnisse
- Grundkenntnisse HTML5, CSS

Technische Voraussetzungen bei Teilnahme von zu Hause
- Eigener Laptop / PC / Mac
- Internet-Breitbandanschluss mit mind. 6 MBits/s
- Webcam und Headset oder integrierte Kamera / Mikrofon des PCs / Macs und Kopfhörer

Ausgaben auf mobilen Geräten und Desktopbrowsern
Vergleich der Gerätetypen
Geräteabhängige Designaspekte
Responsive, Fluid, Adaptive?

Entwurfsraster (Grids) einsetzen
Grids schreiben, Gridframeworks
Beispiele für Yaml und Bootstrap
Festbreiten-Layouts, flexible Layouts
Anforderungen und Entwurf eines flexiblen Layouts

Medientypen und Attribute abfragen
Breakpoints zur Unterscheidung verschiedener Geräteklassen
Gerätespezifische Anpassungen des Entwurfsrasters
Browserkompatibilität für Internet Explorer 8 und kleiner

Viewport
Touchicons
Conditional Comments

Responsive Medieninhalte
srcset, <picture> und andere Konzepte
Anpassen von Bildern, Video

Umgang mit Schriften und Schriftgrößen
Lesbarkeit: das optimale Layout für jedes Gerät

Content first, Mobile first
Graceful degration, progressive Enhancement
Über die Bedienbarkeit Mauszeiger vs. Touchscreen
Gerätetypische Schaltflächen, Navigationslisten, Eingabeelemente

Optimierung der Ladezeit und des Ladeverhaltens
Geräteangepasste Inhalte ausliefern

Adaptive Bilder (adaptive images)
Skalierbare Icons (awesome fonts)
Medienerkennung (responds.js)

Ein anspruchsvoller Unterricht vermittelt Ihnen nachhaltiges Wissen. Im trainergeführten Onlineunterricht sind Sie in unserer virtuellen Lernumgebung live und interaktiv mit anderen Lernenden und Ihrem*r Trainer*in verbunden. 

Zertifikat von CBW

9:00 - 16:30 Uhr

Dieses Seminar ist für Privatpersonen von der MwSt. befreit.

Dieses Seminar können Sie auch als individuelle Inhouse Schulung buchen. Zudem stellen wir Ihnen nach Ihren Bedürfnissen auch maßgeschneiderte Schulungen für Ihr Unternehmen zusammen.

Sprechen Sie uns an - wir beraten Sie gerne!