Responsivní web design
| Název práce: | Responsivní web design |
|---|---|
| Autor(ka) práce: | Němec, Milan |
| Typ práce: | Bakalářská práce |
| Vedoucí práce: | Kosek, Jiří |
| Oponenti práce: | Šubrta, Václav |
| Jazyk práce: | Česky |
| Abstrakt: | 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í. |
| Klíčová slova: | Mobile first; Flexibilní obrázky; Media queries; Flexibilní struktura; Responzivní webdesign; Desktop first |
| Název práce: | Responsive Web Design |
|---|---|
| Autor(ka) práce: | Němec, Milan |
| Typ práce: | Bachelor thesis |
| Vedoucí práce: | Kosek, Jiří |
| Oponenti práce: | Šubrta, Václav |
| Jazyk práce: | Česky |
| Abstrakt: | 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. |
| Klíčová slova: | Desktop first; Media queries; Flexible grid; Responsive Web Design; Mobile first; Flexible images |
Informace o studiu
| Studijní program / obor: | Aplikovaná informatika/Informatika |
|---|---|
| Typ studijního programu: | Bakalářský studijní program |
| Přidělovaná hodnost: | Bc. |
| Instituce přidělující hodnost: | Vysoká škola ekonomická v Praze |
| Fakulta: | Fakulta informatiky a statistiky |
| Katedra: | Katedra informačního a znalostního inženýrství |
Informace o odevzdání a obhajobě
| Datum zadání práce: | 8. 11. 2013 |
|---|---|
| Datum podání práce: | 1. 5. 2014 |
| Datum obhajoby: | 30. 6. 2014 |
| Identifikátor v systému InSIS: | https://insis.vse.cz/zp/45433/podrobnosti |