Alle Seminare

Kurs-ID: ResWeD

Kurs Responsive Webdesign

Kompaktkurs

Internetseiten müssen heutzutage auf Smartphones und Tablets genauso funktionieren wie auf dem Desktop-PC. Das responsive Webdesign sorgt dafür, dass Funktionalität und Design den unterschiedlichen Anforderungen genügen. Jeder Besucher erhält eine optimale Darstellung der Internetseiten unabhängig vom Endgerät.

Anhand von Praxisbeispielen lernen die Kursteilnehmer in diesem Seminar die Techniken und Konzepte des Responsive Webdesigns kennen, um zukünftig moderne Internetseiten auf der Basis von HTML5 und CSS3 entwerfen zu können.

Termin buchen

Seminarinhalte

Allgemeine Grundlagen Responsive Design

  • Gerätetypen
  • Ausgabe auf mobilen Geräten und Desktopbrowsern
  • Geräteabhängige Designaspekte
  • Unterschiede zwischen adaptive, fluid und responsive

Layouts entwerfen

  • Grids einsetzen
  • Grids schreiben
  • Gridframeworks
  • Beispiele für YAML und Bootstrap
  • Festbreiten-Layouts und flexible Layouts
  • Design-Aspekte und Anforderungen
  • Nutzer-Erfahrungen

Einsatz von Mediaqueries

  • Mediaqueries und Attribute abfragen
  • Breakpoints zur Unterscheidung verschiedener Geräteklassen
  • Gerätespezifische Anpassungen des Grids
  • Handhabung von älteren Browsern

HTML für mobile Geräte

  • Viewport
  • Touchicons
  • Conditional Comment

Responsive Medien

  • Dynamisches Nachladen geeigneter Ressourcen
  • Bilder in verschiedenen Auflösungen
  • Adaptive Images
  • Grafiken und Videos

Typographie für Desktop und mobile Geräte

  • Verwendung von unterschiedlichen Schriftarten
  • Lesbarkeit: Die optimale Schriftgröße für jedes Gerät

Content- und Navigationskonzepte

  • Content first, Mobile first
  • Graceful degration
  • Progressive Enhancement
  • Über die Bedienbarkeit: Klick vs. Touchscreen
  • Gerätetypische Schaltflächen, Navigationslisten und Bedienelemente

Performance

  • Optimierung der Ladezeit und des Ladeverhaltens
  • Inhalte anpassen
  • Inhalte deaktivieren

Verschiedene Frameworks

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

Kursthemen

Das Training Responsive Webdesign ist folgenden Themen zugeordnet:

 

Lernmethode

Ausgewogene Mischung aus Theorie und praktischen Übungen in technisch einwandfreier Schulungs­umgebung, zur Festigung Ihres Lern­erfolges. Direkter Austausch mit Trainer.in und anderen Teilnehmenden.

Zielgruppe

Diese Schulung richtet sich an Webentwickler, Webdesigner und Personen, die verantwortlich sind für die Pflege von Webseiten.

Voraussetzungen

Für diesen Kurs benötigen Sie: Gute HTML- und CSS-Kenntnisse. JavaScript-Kenntnisse sind zudem von Vorteil.

Erforderliche Kenntnisse

Dauer und Zeiten

3 Kurstage (pro Tag 8 Unterrichtsstunden à 45 Min.)

In der Regel beginnt ein Schulungstag um 09:00 Uhr und endet um 16:30 Uhr.

Verwandte Seminare

Schulungsort

Das Seminar Responsive Webdesign als offene Schulung findet bei uns in der Kastanienallee 53 in 10119 Berlin Mitte statt, sofern kein anderer Ort angegeben ist.

Termine

  • 05.10.22 - 07.10.22Anmelden
  • 22.02.23 - 24.02.23Anmelden
  • 19.06.23 - 21.06.23Anmelden

Terminabsprachen möglich! Buchen Sie diesen Kurs als Individualtraining oder Firmenkurs mit individueller Dauer und gewünschtem Termin. (Preisänderungen vorbehalten)

Anfrage stellen

Die Schulung Responsive Webdesign führen wir ab 3 Teilnehmenden durch.

Kurspreis für offene Schulungen

1110,00 € zzgl. 19% MwSt. (1320,90 € inkl. 19% MwSt.)

Ihre allskills Mehrwerte inklusive

Noch Fragen?

Unsere FAQ klären auf.

Lassen Sie sich von uns beraten!

Jetzt anrufen