Responsive Webdesign
Kurs
In Berlin
Beschreibung
-
Kursart
Kurs
-
Niveau
Mittelstufe
-
Ort
Berlin
-
Unterrichtsstunden
18h
-
Dauer
3 Tage
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.
Standorte und Zeitplan
Lage
Beginn
Beginn
Hinweise zu diesem Kurs
Lernen Sie in diesem Training anhand von Praxisbeispielen die Techniken und Konzepte des Responsive Webdesigns auf Basis von HTML5 und CSS3 kennen.
Webentwickler, Webdesigner und Personen, die verantwortlich sind für die Pflege von Webseiten.
Gute HTML- und CSS-Kenntnisse. JavaScript-Kenntnisse sind zudem von Vorteil.
Meinungen
Themen
- Design
- Smlan
- Webdesign
- Seminar
- Training
- Responsive Webdesign
- Web
- Schulung
- Smlan
Inhalte
- Gerätetypen
- Ausgabe auf mobilen Geräten und Desktopbrowsern
- Geräteabhängige Designaspekte
- Unterschiede zwischen adaptive, fluid und responsive
- Grids einsetzen
- Grids schreiben
- Gridframeworks
- Beispiele für YAML und Bootstrap
- Festbreiten-Layouts und flexible Layouts
- Design-Aspekte und Anforderungen
- Nutzer-Erfahrungen
- Mediaqueries und Attribute abfragen
- Breakpoints zur Unterscheidung verschiedener Geräteklassen
- Gerätespezifische Anpassungen des Grids
- Handhabung von älteren Browsern
- Viewport
- Touchicons
- Conditional Comment
- 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 first, Mobile first
- Graceful degration
- Progressive Enhancement
- Über die Bedienbarkeit: Klick vs. Touchscreen
- Gerätetypische Schaltflächen, Navigationslisten und Bedienelemente
- Optimierung der Ladezeit und des Ladeverhaltens
- Inhalte anpassen
- Inhalte deaktivieren
- Adaptive Bilder (adaptive images)
- Skalierbare Icons (awesome fonts)
- Medienerkennung (responds.js)
Responsive Webdesign