Responsive Webdesign - Mobile Webseiten

Responsive Webdesign bezeichnet eine Praxis in der Webprogrammierung, bei der sich die Struktur einer Website möglichst optimal den Bedingungen anpasst, die das betrachtende Endgerät setzt. Die Bedeutung dieser Design-Technik hat durch die zunehmende Verwendung von mobilen Endgeräten in letzter Zeit deutlich zugenommen.

Die Technik dieser Art des Webdesigns zeichnet sich insbesondere durch variable Maße einzelner Elemente aus. Das bezieht sich zum Beispiel auf Absätze, Überschriften, Bilder, aber auch Schriftgrößen und Navigationselemente. Dabei wird insbesondere auf die Auszeichnungssprache HTML5 zurückgegriffen, die zwar noch nicht offiziell verabschiedet ist, aber schon jetzt von den meisten Browsern und fast allen mobilen Endgeräten sowie dessen Betriebsysteme iOS und Android weitgehend fehlerfrei umgesetzt werden kann.

In der Praxis vom Responsive Webdesign wird oft ein möglichst schlanker HTML-Code verwendet, der die einzelnen Elemente der Webseite beschreibt. Im Head dieses HTML-Codes finden sich Verweise auf verschiedene CSS-Dateien, die Angaben für die Darstellung der Elemente enthalten. Im Link-Element des Head-Bereichs wird mit dem Attribut "media" die für das jeweilige Endgerät passende CSS-Datei angesprochen. Somit wird gewährleistet, dass für Desktop-Webseiten wie auch für mobile Webseiten dieselbe HTML-Datei verwendet wird.

Im Ergebnis des Responsive Webdesign werden somit die gleichen Inhalte auf unterschiedlichen Endgeräten flexibel (fluid) dargestellt. So kann zum Beispiel eine Journal-ähnliche Webseite in der Darstellung auf dem Desktop oder Laptop mehrere Spalten aufweisen. In der Version für mobile Webseiten werden die einzelnen Elemente jedoch nur untereinander dargestellt, um eine bessere Lesbarkeit und Optik auch auf Smartphones, iPhones und ähnlichen Geräten zu gewährleisten ohne dabei den Inhalt neu anzupassen.

Responsive Webdesign bedeutet für Sie als Kunden:
Sie müssen nur einmal die Inhalte Ihrer Webseite pflegen. So müssen für Desktop- und mobile Webseiten keine jeweils eigenständigen Projekte entwickelt werden. Natürlich besteht die Alternative in der Entwicklung einer separaten mobilen Webseite, die mit der Subdomain "m." oder "mobile." bezeichnet ist. Lassen Sie sich von uns beraten.