Responsive Webdesign
Kurzbeschreibung
Responsive Webdesign ist der neue Standard für moderne Websites. Mit einer durchdachten Struktur und flexiblen Layouts könnt ihr eure Websites für Smartphones, Tablets und andere Displaygrößen optimieren.
Doch Responsive Webdesign ist viel mehr als nur ein anpassungsfähiges Layout. Auch auflösungsunabhängiges Design (»Retina-Optimierung«), Performance-Optimierung und die Reaktion der Website auf die Fähigkeiten des Browsers (Feature Detection) gehören in diesen umfangreichen Themenkomplex.
Neben den technischen und konzeptionellen Grundlagen werden Sie in diesem Seminar anhand diverser praktischer Übungen lernen, wie Sie das Layout Ihrer Website flexibel gestalten, flüssige Gestaltungsraster erarbeiten, Bilder und Videos optimieren, Prototypen entwerfen und Grafiken für hochauflösende Displays herstellen. Dabei erfahren Sie auch, was es mit dem »Mobile-First«-Konzept auf sich hat und wie der veränderte Workflow im Responsive Design funktioniert.
Agenda
- Mobile Entwicklung
- Mobile Websites, Adaptive und Responsive Websites im Vergleich
- Grundlagen des Responsive Webdesign
- Der Layout-Viewport
- Die Layouttypen kennen – fixed, fluid, elastic, adaptive, responsive
- Media Queries / Breakpoints verstehen und einsetzen
- Flexible Medieninhalte
- Inhaltskonzepte
- Navigationskonzepte
- »Mobile First« und Progressive Enhancement
- Der Workflow im Responsive Design
- Rapid Prototyping & Co.
- Frameworks & Boilerplates (z. B. Bootstrap)
- Schwierige Inhalte kennen und meistern
- Retina-Optimierung
Durchführung
Sie bekommen für das Seminar einen iMac zur Verfügung gestellt. Ein eigenes Notebook kann gerne mitgebracht werden. Bitte teilen Sie uns bei der Anmeldung mit, wenn Sie einen eigenen Computer verwenden möchten. Um eine optimale Lernatmosphäre zu gewährleisten ist das Seminar auf 10 Teilnehmer begrenzt.
Zielgruppe
Das Seminar richtet sich an Webdesigner, Konzeptioner und Entwickler. HTML- und CSS-Kenntnisse sind Voraussetzung. Das Seminar ist für Einsteiger im Bereich Adaptive und Responsive Webdesign ausgelegt.
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″]