IT-Seminare

Responsive Webdesign mit HTML5

Webentwicklung

Kursinformationen

  • Termin:
    22.10.2018 - 24.10.2018
    Weitere Termine:

    03.12.2018 - 05.12.2018
    01.04.2019 - 03.04.2019
    13.05.2019 - 15.05.2019
    01.07.2019 - 03.07.2019
  • max.
    8 TN
  • Ort:
    Berlin
  • Seminarform:
    Offene Seminare
  • Themengebiet:
    Webentwicklung
  • Preis:
    € 1.170,00 zzgl. MwSt.

Bei CBW profitieren Sie von:

langjähriger Erfahrung in der beruflichen Weiterbildung.
ausschließlich klassischem Präsenzunterricht im Klassenverband.
qualifizierten, praxiserfahrenen Trainern.

Zielgruppe

Web Developer, Web Designer

Voraussetzungen

  • Fundierte IT- und Internetkenntnisse
  • Grundkenntnisse HTML5, CSS

Lernziel

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.

Inhalt

Allgemeine Grundlagen responsiver Layouts

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

Layouts entwerfen

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

Einsatz von Medienqueries

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

HTML für mobile Geräte

Viewport
Touchicons
Conditional Comments

Umgang mit Bildern und anderen Medien

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

Typographie für Desktop und mobile Geräte

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

Geräteoptimierte Content- und Navigationskonzepte

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

Performance

Optimierung der Ladezeit und des Ladeverhaltens
Geräteangepasste Inhalte ausliefern

Frameworks

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

Methoden

Vortrag, Demonstrationen, praktische Übungen

Zeugnis

Zertifikat von CBW

Dauer

3 Tage - 24 UStd.

Unterrichtszeiten

9:00 - 16:30 Uhr

Förderung

Förderung mit Bildungsprämie oder Weiterbildungsbonus (abhängig vom jeweiligen Bundesland) möglich.

Sonstiges

Dieses Seminar ist für Privatpersonen von der MwSt. befreit.
Im Preis enthalten sind alle Seminarunterlagen, Pausengetränke und Gebäck.