Kursinformationen

  • Termin:
    09.11.2020 - 11.11.2020
    Weitere Termine:

    18.01.2021 - 20.01.2021
    08.02.2021 - 10.02.2021
    01.03.2021 - 03.03.2021
    22.03.2021 - 24.03.2021
    12.04.2021 - 14.04.2021
    03.05.2021 - 05.05.2021
    14.06.2021 - 16.06.2021
  • 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
virtuellem oder klassischem Präsenzunterricht
qualifizierten, praxiserfahrenen Trainern

Zielgruppe

Web Developer*innen, Web Designer*innen

Voraussetzungen

- 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

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

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. 

Zeugnis

Zertifikat von CBW

Dauer

3 Tage - 24 UStd.

Unterrichtszeiten

9:00 - 16:30 Uhr

Sonstiges

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!

  • Arbeitsagentur
  • BAMF
  • Microsoft IT Academy
  • CompTIA
  • Datev
  • LCCI
  • SAP
  • Linux
  • Weiterbildung Hamburg e.V.
  • Webmaster Europe
  • Pearson
  • ECDL
  • telc
  • Xpert Business
  • HZA