Machen Sie Ihre Website fit für Smartphone und Co

Am Beispiel dieser »responsive« (anpassungsfähig aufgebauten) Site zeigen wir Ihnen kurz, worauf es ankommt:

• Surfen Sie gerade am PC? Dann ziehen Sie bitte Ihr Browserfenster einmal schmaler und wieder breiter. Die Darstellung passt sich an – so kann die Website auf jedem Ausgabe-Medium entsprechend breit und gut lesbar angezeigt werden.
• Für mobile Endgeräte muss die Navigation bedienfreundlich, platzsparend und gut zugänglich sein. Hier bietet sich z. B. ein Drop-down-Menü an, das automatisch die Standard-Navigation ersetzt. Auf dieser Beispielseite klappt sich die Navigation platzsparend zusammen. Die Optik der Menüführung bleibt dadurch erhalten.
• Der Vorteil des responsive Webdesigns ist, dass der Inhalt der Website für die unterschiedlichen Ausgabe-Medien nur einmal vorhanden sein muss und sich automatisch den Monitorgrößen anpasst. Sie brauchen keine zusätzlichen Versionen für Tablets oder Smartphones zu erstellen und die Pflege Ihrer Website bleibt überschaubar.

Wenn Sie Ihre Website selbst aktualisieren möchten, dann erfahren Sie mehr dazu unter:
» Pflegeleicht: CMS

Weitere Themen in Planung: Interaktive HTML5-Animationen bieten entscheidende Vorteile gegenüber anderen Animationen (wie z. B. Flash). Adaptive Webdesign - eine reizvolle Beimischung.