Responsive Webdesign

Webdesign für Tablet & Smartphone


Responsive Webdesign bezeichnet eine Praxis in der Webprogrammierung, bei der sich die Struktur einer Website optimal den Bedingungen anpasst, die Endgerät des Betrachters 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 hauptsächlich durch variable Maße einzelner Elemente aus. Das bezieht sich beispielsweise auf Absätze, Überschriften, Bilder, Schriftgrößen oder Navigationselemente. Dafür dient hauptsächlich die Auszeichnungssprache HTML5. Diese wird von aktuellen Browsern und nahezu allen mobilen Endgeräten sowie deren Betriebsysteme iOS und Android weitgehend fehlerfrei umgesetzt.

In der Praxis verwendet Responsive Webdesign einen möglichst schlanken HTML-Code, 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.

Das Attribut „media“  spricht im Link-Element des Head-Bereichs die für das jeweilige Endgerät passende CSS-Datei an. Somit wird gewährleistet, dass für Desktop-Webseiten und für mobile Webseiten dieselbe HTML-Datei verwendet wird.

Responsive Webdesign stellt im Ergebnis die gleichen Inhalte auf unterschiedlichen Endgeräten flexibel (fluid) dar. So kann beispielsweise 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 untereinander dargestellt. Eine bessere Lesbarkeit sowie Optik werden zusätzlich  auf Smartphones, iPhones und ähnlichen Geräten gewährleistet ohne den Inhalt neu anzupassen.

Responsive Webdesign bedeutet für Sie als Kunden:
Sie pflegen nur einmal die Inhalte Ihrer Webseite. Für Desktop- und mobile Webseiten wird nur ein Projekt entwickelt. 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.


portfolio_tmb_gering
Zahnarzt Dr. Jochen Gering
portfolio_tmb_efa
EfA Experts for Automation GmbH & Co. KG
portfolio_tmb_starrag
Starrag Group
portfolio_tmb_hollywood
Hollywoodschaukel Paradies

Unsere Referenzen