Responsive Webdesign - Versionsgeschichte

Marvin am 17. Januar 2020 um 07:24 Uhr

2020-01-17T07:24:52Z

2020-01-17T07:08:50Z

2020-01-17T06:57:37Z

2020-01-17T06:55:44Z

2020-01-17T06:54:57Z

2020-01-17T06:54:12Z

2020-01-17T06:53:53Z

2020-01-17T06:53:04Z

2020-01-17T06:52:05Z

2020-01-17T06:51:52Z

← Nächstältere Version		Version vom 17. Januar 2020, 07:24 Uhr
Zeile 14:		Zeile 14:

	== Bedeutung ==		== Bedeutung ==
		+
		+	E-Commerce findet heutzutage auf verschiedenen Kanälen und Geräten statt. Besonders der Bereich Mobile Commerce ist in letzter Zeit immer relevanter geworden.
		+	Kunden schätzen kurze Ladezeiten, Übersichtlichkeit und Benutzerfreundlichkeit. Der erste Eindruck entscheidet, ob aus ein Besucher eventuell ein Käufer wird.
		+	Daher ist es für einen Webshop elementar wichtig, eine responsive Website zu haben.

@@ Zeile 1: / Zeile 1: @@
 [[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.

@@ Zeile 6: / Zeile 6: @@
 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.
 == Technik ==
 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]].

@@ Zeile 7: / Zeile 7: @@
 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.
-=== Technik ===
+== Technik ==
 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]].

← Nächstältere Version		Version vom 17. Januar 2020, 06:54 Uhr
Zeile 7:		Zeile 7:

	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.		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.
		+	=== Technik ===

	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]].

← Nächstältere Version		Version vom 17. Januar 2020, 06:53 Uhr
Zeile 1:		Zeile 1:
	[[Datei:Responsives Webdesign.jpg\|mini\|Responsives Webdesign]]		[[Datei:Responsives Webdesign.jpg\|mini\|Responsives Webdesign]]
		+	Definition
		+	== Kopfzeile ==
	'''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.

← Nächstältere Version		Version vom 17. Januar 2020, 06:51 Uhr
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