Titelaufnahme

Titel
Responsive Webdesign : Erstellung eines Leitfadens zur Migration bestehender Webseiten in ein responsives Webdesign
Weitere Titel
Responsive Webdesign Creation of a guide for migrating existing web sites into a responsive web design
VerfasserVölkl, Anna
Betreuer / BetreuerinMair, Martin ; Müllan, Gerald
Erschienen2012
Datum der AbgabeSeptember 2012
SpracheDeutsch
DokumenttypBachelorarbeit
Schlagwörter (DE)CSS / CSS3 / Desktop PC / Layout / Media Queries / Smartphone / Tablet PC / Webdesign / Webseite
Schlagwörter (EN)CSS / CSS3 / desktop PC / layout / media queries / smartphone / tablet PC / web design / website
Zugriffsbeschränkung
 _
Klassifikation
Zusammenfassung (Deutsch)

Diese Arbeit beschäftigt sich mit den Grundlagen und Voraussetzungen zur Erstellung und Anpassung von Webseiten mittels responsive Webdesign. Der Abruf von Internetseiten über Desktop-PCs und Notebooks sinkt zu Gunsten der Nutzung von Web-Inhalten via Smartphones und Tablet PCs. Es ist daher notwendig, die Inhalte auch für diese Geräte aufbereiten zu können, ohne dabei mehrere Versionen einer Webseite bereitstellen zu müssen.

Responsive Webdesign ist eine Methode, mit welcher - unter Anwendung eines flexiblen Layouts, flexiblen Inhalten und CSS3 Media Queries - Webseiten entsprechend des verfügbaren Platzes, sowie weiteren Ausgabeeigenschaften angepasst werden können.

Sowohl das Layout, als auch die Inhaltselemente bedürfen dabei einer vorausschauenden Konzeption unter Berücksichtigung der Darstellungs- und Nutzungsvarianten sowie einer Umsetzung unter Anwendung aktueller Webdesignstandards.

Diese Arbeit gibt einen Überblick über die notwendigen Anpassungen von Webseiten, um diese mittels responsive Webdesign zu erweitern.

Zusammenfassung (Englisch)

This thesis deals with the fundamentals and requirements for the creation and adaption of websites using responsive web design. The decreasing usage of websites through desktop and laptop computers benefits the consumption of web content on smartphones and tablet PCs. Therefore, the creation of websites with flexible layouts and adjustable contents can be advantageous with regard to their presentation on various devices.

Responsive Web design is a method of using a flexible layout, adjustable contents and CSS3 Media Queries to respond to device features such as device width, available space and other properties in order to fit the website to the given basis.

The layout and contents require a forward-looking concept, considering the different presentation views and ways of utilization, as well as an implementation making use of the latest web design standards.

This thesis provides an overview on the necessary adaptions for websites adding the features of responsive web design.