responsive webdesign

Verfasst am 14. November 2017

Dieser Artikel ist Teil von unserer Serie „Internet in einfacher Sprache“.

Der Begriff Responsive Webdesign kommt aus dem Englischen. Responsive Webdesign heißt auf Deutsch so viel wie „reagierende Web-Gestaltung“.

Ist eine Internet-Seite Responsive gestaltet, passt sich der Inhalt verschiedenen Bildschirm-Größen an. Bildschirm-Größen unterscheiden sich zum Beispiel zwischen Handys, Tablets oder Computern.

Gehen Sie mit Ihrem Handy auf eine Responsive Webseite, sehen Sie eine andere Webseiten-Gestaltung, wie wenn Sie mit Ihrem Computer auf die Webseite gehen. Auf Ihrem Computer sehen Sie zum Beispiel am Anfang der Webseite, das Webseiten-Menü.

Auf Ihrem Handy sehen Sie an dieser Stelle meistens nur einen Knopf. Wenn Sie den Knopf drücken, klappt sich das Webseiten-Menü aus. Das Webseiten-Menü ist also bei Computern und Handys unterschiedlich gestaltet.

responsive-webdesign

Wenn die Internet-Seite nicht Responsive ist, bekommen Sie meistens die Computer-Ansicht. Gehen Sie mit Ihrem Handy auf so eine Webseite, müssen Sie Ihre Ansicht vergrößern (reinzoomen), um überhaupt den Text lesen zu können.

Anforderungen an das Responsive Webdesign

Der Unterschied zwischen Computern und zum Beispiel Handys ist nicht nur die Bildschirm-Größe. Auch die folgenden Punkte müssen Sie beim Responsive Webdesign beachten:

Handys können im Hoch- oder Querformat genutzt werden. Der Inhalt muss sich beiden Formaten anpassen können.
Eine Webseite auf einem Computer bedienen Sie mit der Maus. Ein Handy oder Tablet bedienen Sie durch Berührungen (Touch).
Mit einem Handy sind Sie viel unterwegs. Sie haben also nicht immer eine gute Internet-Verbindung. Deshalb reduziert sich die Responsive Ansicht für Handys meistens auf das Wesentliche. Dadurch können Sie die Webseite schneller laden.

>>>Jetzt unseren Homepage-Baukasten kostenlos testen!<<<

Erfahren Sie mehr über Responsive Webdesign in unseren Quellen

Responsive CMS

Verfasst am 21. Januar 2013

Mit so genanntem „Responsive Webdesign“ sind Websites gemeint, die sich vom Layout (also dem Erscheinungsbild der Website) an das jeweilige Darstellungsmedium anpasst und die Inhalte entsprechend darstellt. Auf deutsch gesagt sieht Ihre Website damit auf einem 28-Zoll-Monitor mit 16:10-Bildschirmformat genau so gut aus wie auf einem Apple iPhone. Erreicht wird dies durch geschickte Kombination von CSS, JavaScript und modernem HTML5.

Zum Erstellen solcher Websites mit responsivem Design bedarf es einiger Erfahrung und Know-How sowie einem nicht zu unterschätzendem Testaufwand. Wenn Sie sich dafür entscheiden, dass Sie so eine Website haben möchten, so sind Sie jedoch keinesfalls dazu verdammt, dass Sie sich auch tatsächlich selbst dieses Wissen aneignen. Vielmehr lohnt es sich, ein cleveres Content Management System (kurz CMS) anzuschauen wie z.B. unser Produkt Zeta Producer Desktop CMS. Mit Zeta Producer erhalten Sie flexible, responsive Websites, die Sie genau so einfach befüllen können wie Sie es von Zeta Producer schon immer gewohnt sind: Sie erstellen Ihre Seiten ganz normal, füllen Inhalte wie Texte und Bilder und klicken auf „Veröffentlichen“.

Zeta Producer kümmert sich dabei komplett um den Hintergrundprozess der Generierung von Layout-Codes und dem nötigen HTML und CSS. Dabei ist Zeta Producer extrem Zukunftssicher; kommen Änderungen oder Ergänzungen, so wir bei einem Update Ihr gewähltes Layout automatisch mit aktualisiert und Sie kommen jeweils in den Genuss der neuesten Errungenschaften, ganz ohne Ihr Zutun. Die so erstellten Websites sind ideal geeignet, Ihre Inhalte auf einer Vielzahl von Geräten darzustellen, seien es die schicken Handys von Google, z.B. Nexus 4 oder auch verschiedenste Tablets wie iPad, iPad Mini, Google Nexus Tablet oder verschiedene andere SmartPhones wie Windows Phone oder auch das Surface-Tablet von Microsoft. Selbstverständlich sind normale Desktop-Browser auf Windows, Linux oder Apple OS X ebenfalls bestens geeignet, Ihre Inhalte darzustellen.

Kurz: Ihrer Website ist immer optimal präsentiert und bietet so ideale Möglichkeiten, dass Besucher gerne Ihre Seiten besuchen und spannende Inhalte vorfinden. Probieren Sie es noch heute aus und downloaden Sie jetzt direkt und kostenlos Ihre eigene Version.

Mobile Website erstellen

Verfasst am 27. August 2012

Die Zukunft ist (zurzeit zumindest) mobil. D.h. sehr viele Anwender werden in den nächsten Jahren, und schon heute, auf Internetinhalte mit allerlei mobilen Geräten wie z.B. SmartPhones, Tablet-PCs und ähnlichen Geräten unterschiedlichster Auflösung und über unterschiedliche Netzwerke mit ganz verschiedenen Bandbreiten zugreifen. Schon heute sind iPhones, Android-Geräte oder iPads allgegenwärtig. Mit Windows Phone 8 und Windows 8 sowie den damit betriebenen Tablet-Geräten wird sich die Situation nochmals verstärken. Sie können also weniger denn je davon ausgehen, dass die Besucher Ihrer Website vor einem ausgewachsenen Desktop-PC Ã la Windows 7 oder Apple Mac sitzen werden.

Das bringt viele Herausforderungen und noch mehr Chancen für Sie!

Die Chancen sind, dass Sie viel mehr Nutzer mit Ihrer Website erreichen können und vor allem zu viel mehr Zeiten und an verschiedeneren Orten.
Die Herausforderungen sind, die Inhalte, die Sie den Usern zur Verfügung stellen, auf unterschiedlichsten Geräten dargestellt werden.

Moderne Mobilgeräte sind zwar leidlich gut in der Darstellen von Websites, die für normale Desktop-PCs gemacht sind, doch so richtig gut nutzbar sind erst Seiten, die schon mit Mobil-Kompatibilität im Hinterkopf von Anfang an designed sind. Eine faszinierende Technik ist das so genannte „Responsive Webdesign„. Mit dieser Technik kommt Sie mit einem einzigen Layout für Ihre Website aus. Das Layout ist dabei (über CSS und JavaScript in HTML5) so intelligent, dass es sich je nach Auflösung komplett anders darstellt. Das Layout „weiß“ also quasi, ob es zurzeit auf einem sehr großen Display dargestellt wird, oder z.B. auf einem eher kleinen SmartPhone.

Schauen Sie sich z.B. mal das elegante Layout „Simple Responsive“ unseres Desktop CMS Zeta Producer an! Schieben Sie einfach das Browserfenster kleiner und sehen Sie, wie das Layout sich jeweils an die vorhandene Breite anpasst, ganz automatisch, ohne Ihr Zutun. Ihre Inhalte wie Texte, Bilder, Videos, usw. sehen also immer gut aus, ganz egal auf welchem Display Sie die Informationen darstellen.

Neugierig geworden? Jetzt Zeta Producer direkt kostenlos auf Ihren PC downloaden!

Zeta Producer Blog

Schlagwort: responsive webdesign