Responsive Webdesign
Kurzbeschreibung
Es ist wichtig, dass Ihre Website nicht nur auf Desktop-Computern und Notebooks, sondern auch auf Smartphones und Tablets eine gute Figur macht. Je nach Projekt bietet es sich an, die Inhalte und das Design einer Website für die Darstellung auf kleinen Displays zu optimieren oder alternativ eine unabhängige mobile Website mit angepassten Inhalten und einer angepassten Navigationsstruktur zu entwickeln. Für ganz spezielle Lösungen gibt es darüber hinaus noch so genannte Web-Apps, die sich perfekt in das Betriebssystem eines Smartphones oder Tablets integrieren und sogar auf Hardware-Funktionen zugreifen können.
Der Vortrag gibt einen umfassenden Überblick über Möglichkeiten und Anforderungen und ist mit möglichst wenig Code (wo es bei diesem technischen Thema möglich ist), dafür mit umso mehr Beispielen aufgebaut.
Agenda
- Die Entwicklung des (mobilen) Web
- Was ist der Unterschied zwischen Mobilen Websites, Apps, Web-Apps und Responsive Webdesign?
- Vorteile und Nachteile von mobilen Websites
- Vorteile und Nachteile von Web-Apps
- Vorteile und Nachteile von nativen Apps
- Vorteile und Nachteile von Response Webdesign
- Die Technologie hinter Responsive Webdesign: CSS3 Media Queries
- Breakpoints
- Verschiedene Herangehensweisen an ein Responsive Webdesign Projekt
- Hilfsmittel für die Konzeption
- Navigationen benutzerfreundlich gestalten
- Kritische Inhalte kennen
- Flexible Gestaltungsraster und ihre Tücken
- Layoutentwicklung in Photoshop CS6
- Elemente flexibel gestalten
- Das Retina-Problem
Zielgruppe
Webdesigner sowie alle, die Websites auch auf mobilen Geräten gut aussehen lassen wollen.
Grundlagen des Webdesigns und der Web-Programmierung sind für das Verständnis des Vortrags hilfreich.
Dozent: Jonas Hellwig
Kunden-Feedback zu unseren öffentlichen Schulungen
[testimonials kategorie=“Oeffentliche Schulung“ posts_per_page=“2″]