Wikieintrag bearbeiten: Responsives Webdesign | Wir machen Kinderseiten

Warnung

Die Linküberprüfung von http://webkrauts.de/artikel/2014/responsive-content ist 114-mal fehlgeschlagen (Status-Code: 301).
Die Linküberprüfung von http://webkrauts.de/artikel/2014/der-neue-standard-fuer-responsive-bilder ist 114-mal fehlgeschlagen (Status-Code: 301).
Die Linküberprüfung von http://webkrauts.de/artikel/2014/responsive-tabellen ist 114-mal fehlgeschlagen (Status-Code: 301).
Die Linküberprüfung von http://www.netzstrategen.com/sagen/webwissen-responsive-webdesign/ ist 795-mal fehlgeschlagen (Status-Code: 301).
Die Linküberprüfung von http://t3n.de/magazin/8-css-tricks-239422/ ist 798-mal fehlgeschlagen (Status-Code: 301).
Die Linküberprüfung von http://t3n.de/news/responsive-webdesign-tools-380139/ ist 798-mal fehlgeschlagen (Status-Code: 301).
Die Linküberprüfung von http://t3n.de/news/7-tipps-mobile-app-design-737816/ ist 798-mal fehlgeschlagen (Status-Code: 301).

Haupt-Reiter

Thema *

Override book title

Titel übersteuern

Text

Internettaugliche Geräte wie Smartphones, Tablets, Notebooks, Desktop-Computer und Fernseher unterscheiden sich hinsichtlich Displaygröße, -auflösung, Orientierung (Längs- oder Querformat) sowie Bedienung (TouchScreen, Tastatur und Maus, Fernbedienung etc.).Bei responsiv gestalteten Internetseiten (aus dem Englischen &bdquo;response&ldquo;: Antwort) , reagiert das Layout der Website auf die Anforderungen des jeweils benutzten Gerätes. Die Aufgabe von responsivem Design ist es, auf den unterschiedlichsten Geräten ein möglichst benutzerfreundliches Layout zu erzielen. So kann beispielsweise bei der Anzeige auf einem relativ kleinen Smartphone-Dislplay auf ein mehrspaltiges Layout verzichtet werden. Breite rechts- oder linksseitige Menüs können in ein Drop-Down Menü gewandelt werden, um den knappen Platz für die eigentlichen Inhalte nicht zu verschwenden. Auch Bedienelemente wie beispielsweise &bdquo;MouseOver&ldquo;-Effekte muss responsives Design berücksichtigen, da Nutzer von Smartphones und Tablets diese Elemente nicht wahrnehmen können.Responsives Design wird in der Regel mit neueren Webstandards wie HTML5 und CSS3 umgesetzt. Bei der Verwendung von älteren Browsern kann es daher Probleme mit einer richtigen Darstellung geben.<img alt="Responsives Webdesign" src="/sites/default/files/pictures/wiki/responsive.jpg" style="height: 530px; width: 675px;" title="Responsives Design: Das Layout passt sich der Bildschirmgröße an." />

Links		Reihenfolge
	Titel * URL Links	Reihenfolge für zeile 1
	Titel * URL Links (value 2)	Reihenfolge für zeile 2
	Titel * URL Links (value 3)	Reihenfolge für zeile 3
	Titel * URL Links (value 4)	Reihenfolge für zeile 4
	Titel * URL Links (value 5)	Reihenfolge für zeile 5
	Titel * URL Links (value 6)	Reihenfolge für zeile 6
	Titel * URL Links (value 7)	Reihenfolge für zeile 7
	Titel URL Links (value 8)	Reihenfolge für zeile 8

Obige Zeichenfolge eingeben *

Vertikale Reiter

Versionsinformation

Protokollnachricht der Version