Responsive Webdesign: Unterschied zwischen den Versionen
Aus wiki.bfw-kaufleute.de
Marvin (Diskussion | Beiträge) |
Morapf (Diskussion | Beiträge) |
||
| Zeile 1: | Zeile 1: | ||
[[Datei:Responsives Webdesign.jpg|mini|Responsives Webdesign]] | [[Datei:Responsives Webdesign.jpg|mini|Responsives Webdesign]] | ||
| − | == Definition== | + | == Definition == |
'''Responsives Webdesign''' (englisch responsive, reagierend) bedeutet, dass sich das Seitenlayout einer Website automatisch an das jeweilige Endgerät anpasst. Die Website sieht also auf dem Mobilgerät genauso ansprechend aus wie auf einem Desktop. | '''Responsives Webdesign''' (englisch responsive, reagierend) bedeutet, dass sich das Seitenlayout einer Website automatisch an das jeweilige Endgerät anpasst. Die Website sieht also auf dem Mobilgerät genauso ansprechend aus wie auf einem Desktop. | ||
Version vom 17. Januar 2020, 09:08 Uhr
Definition[Bearbeiten]
Responsives Webdesign (englisch responsive, reagierend) bedeutet, dass sich das Seitenlayout einer Website automatisch an das jeweilige Endgerät anpasst. Die Website sieht also auf dem Mobilgerät genauso ansprechend aus wie auf einem Desktop.
Die Anpassung betrifft zum Beispiel Seitenverhältnisse, Navigationselemente, Schrift- und Bildgrößen sowie den Inhalt selbst. Einem Seitenbesucher soll dadurch eine geräteübergreifende gleichbleibend hohe Usability (Benutzerfreundlichkeit) geboten werden.
Technik[Bearbeiten]
Technisch basiert responsives Webdesign auf den seitenbeschreibenden Sprachen CSS und HTML und beinhaltet prozentuale anstatt feste Werte. Eine Realisierung des responsiven Webdesigns erfolgt unter anderem mit der Hilfe von Bootstrap.
Bei der Erstellung einer responsiven Website hat sich die Methode Mobile First etabliert, wobei zuerst das Layout für das Mobilgerät erstellt und anschließend an größere Geräte angepasst wird. Das ermöglicht die Konzentration auf inhaltlich wichtige Komponenten, sowie einen kürzeren Code und schnellere Ladezeiten.