Responsive Webdesign

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. Agenda 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)
Direktlink zum Seminar

Gute HTML- und CSS-Kenntnisse. JavaScript-Kenntnisse sind zudem von Vorteil.

Webentwickler, Webdesigner und Personen, die verantwortlich sind für die Pflege von Webseiten.

3 bis 8

1.215,00 € inkl. MwSt. (pro Person)