Mobile Learning: Responsive E-Learning Design

Zielgruppe: Für E-Learning-Entwickler, E-Learning- Designer, E-Learning-Programmierer

Voraussetzungen: Grundkenntnissen in HTML, CSS und JavaScript

DURATION:
2 Tage
ID:
resp_dsgn
CREDIT:
750,- EUR (zzgl. MwSt) pro Teilnehmer/Tag (Mengenrabatte möglich)

Address

Bundesweit als Inhouse-/Firmentraining oder online   View map

Categories

Technologien

Designer von eLearning-Lösungen stehen heute vor dem Problem, dass es nicht nur um die Anordnung von Grafikelementen geht, sondern darum die Wirksamkeit ihrer didaktischen Konzepte auf unterschiedlichen Endgeräten zu bewahren.
In diesem Workshop lernen Sie, anhand von Praxisbeispielen die Grundlagen des Responsive E-Learning-Designs kennen, um zukünftig anhand der neuen Möglichkeiten von HTML5 und CSS3 moderne Lerninhalte zu gestalten.

Kursinhalte:

  • Einführung zum responsive Webdesign
  • Beispiele und Verhaltenweisen von mobile Content
  • Responsive Design als Projekt: Entwicklungsphasen
  • Design-Pattern: Vom fließenden oder adaptiven Layout zum responsive Design
  • Technische Grundlagen:
    • Viewport und Geräte-Ausrichtung definieren
    • Media Queries
  • Responsive Inhalte:
    • Typografie im responsive Design
    • anpassungsfähiger Text
    • Responsive Images – Image-Größen anpassen
    • Videos und Animationen
  • Frameworks für responsive Designs
  • Testen auf mobilen Endgeräten

Hinweis: Die Inhalte werden ggf. an den Leistungsstand der Kursteilnehmer angepasst. Entsprechend kann auch die Kursdauer variert werden.

 

TOP