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 buchenSeminarinhalte
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 Schulungsumgebung, zur Festigung Ihres Lernerfolges. 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
Terminabsprachen möglich! Buchen Sie diesen Kurs als Individualtraining oder Firmenkurs mit individueller Dauer und gewünschtem Termin. (Preisänderungen vorbehalten)
Anfrage stellenDie 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
- Kostenlose Schnuppersession
- Preisvorteil 3=5
- Anmeldezugabe
- Vollverpflegung bei offenen Seminaren
- Schulungsunterlage oder Fachbuch falls verfügbar
- Arbeitsmaterialen: Block und Stift
- Teilnahmezertifikat
- Erfolgsgarantie
- Nachbetreuung