zurück zur Übersicht
Responsive Webdesign
Was ist darunter zu verstehen ?
Webseiten die im 'Responsive Webdesign' erstellt wurden, sind durch Gestaltung und Technik beim Seitenaufbaus in der Lage, auf Eigenschaften des jeweils benutzten Endgeräts zu reagieren. Der grafische Aufbau einer „responsiven“ Webseite erfolgt anhand der Anforderungen des jeweiligen Gerätes, mit dem die Seite betrachtet wird.
Dies betrifft insbesondere die Anordnung und Darstellung einzelner Elemente, wie beispielsweise Navigationen, Seitenspalten und Texte. Technische Basis hierfür sind neuere Webstandards wie HTML5, CSS3.
Abgrenzung zur Mobilen Webseite
Die erklärte 'mobile' Version einer Webseite besteht aus mehreren sogenannten Templates, die die jeweilige Darstellung am Desktop oder den mobilen Endgeräten regeln. Aus historischer Sicht bildet die Desktop-Version die 'normale' Ansicht der Website. Dieser wird ein zusätzliches, unabhängiges Template für mobile Endgeräte hinzugefügt. Angesichts der wachsenden Zahl und großen Unterschiedlichkeit der Endgeräte erweist sich dieser Ansatz jedoch als nicht optimal.
Im Gegensatz dazu wird beim 'Responsive Webdesign' nur eine einzige Version der Webseite erstellt. Diese passt sich selbstständig der verfügbaren Umgebung an. Besonders sichtbar wird dies beim Layout, das sich nach Breite des Browser-Fensters entsprechend verändert. So gibt es zum Beispiel je eine Version für Smartphones und das Tablet in Hoch- und Querformat.
Artikel hierzu in Wiki.