Responsivní web design

Milan Němec

Bachelor's thesis

Responsive Web Design

Anotácia:

Tato práce se zabývá responzivním webdesignem, tzn. způsobem vytváření webových stránek, které se přizpůsobují zobrazujícímu zařízení. Cílem je popsat základní principy a uvést technologické možnosti jeho tvorby. Popisované principy jsou dokladovány v ukázkových zdrojových kódech a na ilustracích. Flexibilní struktura stránek, media queries a flexibilní obrázky jsou tři základní pilíře. Přístupy k vytváření stránek mobile first a desktop first představují dvě odlišné strategie při tvorbě responzivních stránek. Vhodnou metodou budování webové stránky určené pro mobily a desktopy se jeví právě responzivní webdesgin, oproti vytváření několika verzí webu pro odlišná zařízení.

Abstract:

This thesis deals with responsive web design, i.e. a method of creating web pages, which are adapted to device. The goal is to describe primary principles and introduce technological options of its creation. The described principles are discussed through exemplary source code and illustrations. Flexible grid, media queries and flexible images are the three basic pillars. The approaches of creating pages with mobile first and desktop first are two different strategies used in formation responsive pages. Responsive web design seems to be an appropriate method of building web pages intended for the mobile devices and desktops, against creating multiple version of web page for different devices.

Kľúčové slová

Mobile first, Flexibilní obrázky, Media queries, Flexibilní struktura, Responzivní webdesign, Desktop first

Keywords

Desktop first, Media queries, Flexible grid, Responsive Web Design, Mobile first, Flexible images

Jazyk práce: Czech

Datum vytvoření / odevzdání či podání práce: 8. 11. 2013

Obhajoba závěrečné práce

• Obhajoba proběhla 30. 6. 2014
• Vedúci: Jiří Kosek
• Oponent: Václav Šubrta

Vysoká škola ekonomická v Praze

Bachelor programme / odbor:
Aplikovaná informatika / Informatika