Responsive Webdesign
Kurzbeschreibung
Das Internet ist mobil geworden und die Anforderungen haben sich verändert. Neue Techniken und Ideen ermöglichen lokalen und mobilen Besuchern ein optimales Benutzererlebnis auf jedem Display. Das sog. »Responsive Webdesign« spielt in diesem Zusammenhang eine große Rolle. Es beschreibt ein flexibles Konzept, um Websites für jede erdenkliche Displaygröße zu optimieren.
In diesem Workshop lernen Sie die Grundlagen des Responsive Webdesign kennen und erfahren, unter welchen Voraussetzungen sich ein Responsive Design anbietet. Natürlich erfahren Sie auch, welche alternativen Herangehensweisen es gibt.
Neben den theoretischen Grundlagen werden wir ein Beispielprojekt gemeinsam – von der Idee über die Konzeption bis hin zur Programmierung – praktisch umsetzen. Sie lernen daher ganz genau, mit welchen Schwierigkeiten Sie es bei zukünftigen Projekten zu tun bekommen können und welche Lösungsansätze es gibt.
Agenda
- Mobile Entwicklung
- Apps, Web-Apps, mobile Websites, mobile Themes,
- Adaptive- und Responsive-Websites im Vergleich
- Grundlagen des Responsive Webdesign
- Viewport & Fold
- Die Layouttypen kennen – fixed, fluid, elastic, adaptive, responsive
- Breakpoints verstehen und einsetzen
- Media Queries verstehen und einsetzen
- Inhaltskonzepte
- Navigationskonzepte
- Die Konzeption eines responsive Projekts – Rapid Prototyping & Co.
- Frameworks & Boilerplates
- Schwierige Inhalte kennen und meistern
- Retina-Optimierung
Durchführung
Sie bekommen für das Seminar einen Apple-Rechner zur Verfügung gestellt. Sie können jedoch auch Ihr eigenes Laptop nutzen. Bitte geben Sie dieses bei der Anmeldung an. Die maximale Teilnehmerzahl ist 10.
Zielgruppe
Webdesigner, Konzeptioner, Entwickler
HTML- und CSS-Kenntnisse sind Voraussetzung; Das Seminar richtet sich an Einsteiger im Bereich Adaptive und Responsive Webdesign.
Die Sprache des Seminars ist Deutsch. Die Schulungsunterlagen werden ebenfalls in deutscher Sprache bereitgestellt.
Dozent: Jonas Hellwig
Kunden-Feedback zu unseren öffentlichen Schulungen
[testimonials kategorie=“Oeffentliche Schulung“ posts_per_page=“2″]