Responsive Webdesign: Unterschied zwischen den Versionen
Aus wiki.bfw-kaufleute.de
Goroth (Diskussion | Beiträge) K |
Marvin (Diskussion | Beiträge) |
||
| Zeile 7: | Zeile 7: | ||
Technisch basiert responsives Webdesign auf den seitenbeschreibenden Sprachen [[Cascadian Style Sheet|CSS]] und [[Hypertext Markup Language|HTML]] und beinhaltet prozentuale anstatt feste Werte. Eine Realisierung des responsiven Webdesigns erfolgt unter anderem mit der Hilfe von [[Bootstrap]]. | Technisch basiert responsives Webdesign auf den seitenbeschreibenden Sprachen [[Cascadian Style Sheet|CSS]] und [[Hypertext Markup Language|HTML]] und beinhaltet prozentuale anstatt feste Werte. Eine Realisierung des responsiven Webdesigns erfolgt unter anderem mit der Hilfe von [[Bootstrap]]. | ||
| + | |||
| + | --Test-- | ||
| + | blabla | ||
Version vom 17. Januar 2020, 08:51 Uhr
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.
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.
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.
--Test-- blabla