Responsive Erklärung - Jugendhomepage der Abteilung Schwimmen der CSGH e.V.

KONTAKT:

Direkt zum Seiteninhalt

Hauptmenü:

Allgemein
Die Homepage steht jetzt im responsiven Design zur Verfügung!  

Sie passt sich allen Endgeräten in Auflösung (inklusive Unterscheidung in Hoch- und Querformat) und in der Gestaltung der Elemente automatisch an. Das Homepage-Menü wird  über den kleinen grauen Zieharmonika-Button oben rechts aufgerufen.

Responsive Webdesign stellt eine aktuelle Technik zur Verfügung, welche es ermöglicht mit Hilfe von HTML5 und CSS3 Media-Queries das einheitliche Anzeigen von Inhalten auf einer Website zu gewährleisten. Hierbei wird das Layout einer Website so flexibel gestaltet, dass dieses auf dem Computer, Desktop, Tablet und Smartphone eine gleichbleibende Benutzerfreundlichkeit bietet. Der Begriff Responsive Webdesign bedeutet im übertragenen Sinne "reagierendes Webdesign". Inhalts- und Navigationselemente sowie auch der strukturelle Aufbau einer Website passen sich der Bildschirmauflösung des mobilen Endgeräts an – es reagiert auf und korrespondiert mit der Auflösung des mobilen Endgeräts. Responsive Webdesign folgt dem Nutzer, und nicht wie gegenwärtig, der Nutzer den meist starr konstruierten Layouts konventioneller Websites und Online-Shops.

Die Vorteile von Responsive Webdesign zeigen sich in Statistiken und Trends zur Nutzung mobiler Endgeräte. Der steigende Marktanteil von Smartphones und Tablets wie iPhone und iPad erzwingen auch das Umdenken beim Gestalten von Webseiten. Wurde bis dato für eine Bildschirmauflösung von maximal 1000px Breite auf dem Computer- Desktop optimiert, muss heutzutage auf eine Vielzahl verschiedener Endgeräte Rücksicht genommen werden: Standard Auflösungen von Smartphones: 320px bis 480px, Tablets: 768px bis 1024px, Computer-Desktop: 1024px und mehr. Bei einer strikten Trennung von Mobil- und Desktop-Version der Website, also einer nicht responsive fähigen Website, entsteht ein erhöhter Pflegeaufwand von redaktionellem Content und Bildmaterial. Dazu kommt, dass die Website unter Umständen für zukünftige Tablet- oder Smartphone-Formate eine dritte oder vierte Version des Layouts benötigt.

Viel Spaß beim Bedienen und gebt bitte Feedback. Vielen Dank!
Zurück zum Seiteninhalt | Zurück zum Hauptmenü