Tato bakalářská práce se zaměřuje na postupy tvorby responzivních webových projektů a je koncipována jako příručka zájemcům o tuto problematiku. Cílem je předat čtenáři ucelené informace o tom, jaké jsou aktuální profesionální postupy při přípravě návrhu, obsahu a rozložení webových projektů, dále při tvorbě uživatelského rozhraní a jeho testování. Pozornost je také věnována responzivnímu designu, formátům rozložení layoutu a následné aplikaci responzivity za pomoci webových technologií.
Anotace v angličtině
This thesis focuses on responsive website creation and it is written as a manual. It offers expert knowledge about webdesign creation procedures content and web layout, user interface and usability testing. Furthemore the use and importance of responsive design is decribed.
Klíčová slova
Webdesign, web, uživatelský průzkum, drátěný model, prototyp, persona, responzivní design, tvorba webu, HTML, CSS, Javascript, mobile first, desktop first, adaptivní layout, fluidní layout, media queries
Klíčová slova v angličtině
Webdesign, web, user research, wireframe, prototype, persona, responsive design, web design, HTML, CSS, Javascript, mobile first, desktop first, adaptive layout, fluid layout, media queries
Rozsah průvodní práce
31 s. (82 085 znaků)
Jazyk
CZ
Anotace
Tato bakalářská práce se zaměřuje na postupy tvorby responzivních webových projektů a je koncipována jako příručka zájemcům o tuto problematiku. Cílem je předat čtenáři ucelené informace o tom, jaké jsou aktuální profesionální postupy při přípravě návrhu, obsahu a rozložení webových projektů, dále při tvorbě uživatelského rozhraní a jeho testování. Pozornost je také věnována responzivnímu designu, formátům rozložení layoutu a následné aplikaci responzivity za pomoci webových technologií.
Anotace v angličtině
This thesis focuses on responsive website creation and it is written as a manual. It offers expert knowledge about webdesign creation procedures content and web layout, user interface and usability testing. Furthemore the use and importance of responsive design is decribed.
Klíčová slova
Webdesign, web, uživatelský průzkum, drátěný model, prototyp, persona, responzivní design, tvorba webu, HTML, CSS, Javascript, mobile first, desktop first, adaptivní layout, fluidní layout, media queries
Klíčová slova v angličtině
Webdesign, web, user research, wireframe, prototype, persona, responsive design, web design, HTML, CSS, Javascript, mobile first, desktop first, adaptive layout, fluid layout, media queries
Zásady pro vypracování
Práce se bude zabývat problematikou tvorby moderních webových stránek. Student ve své práci prostřednictvím jednoduchých příkladů a výkladu problematiky vytvoří příručku, případně studijní materiál, který bude sloužit zájemcům o probíranou problematiku.
Klíčové kapitolami se budou zabývat především informace o moderním webdesignu, postupech návrhu stránek, a rozložení webů. Student se zaměří na rozdíly mezi statistickým, fluidním, responzivním a adaptivním webem.
Zásady pro vypracování
Práce se bude zabývat problematikou tvorby moderních webových stránek. Student ve své práci prostřednictvím jednoduchých příkladů a výkladu problematiky vytvoří příručku, případně studijní materiál, který bude sloužit zájemcům o probíranou problematiku.
Klíčové kapitolami se budou zabývat především informace o moderním webdesignu, postupech návrhu stránek, a rozložení webů. Student se zaměří na rozdíly mezi statistickým, fluidním, responzivním a adaptivním webem.
Seznam doporučené literatury
* ETHAN MARCOTTE a [FOREWORD BY JEREMY KEITH]. Responsive web design. New York: A Book Apart, 2011. ISBN 098444257x.
* HAY, Stephen. Responsive design workflow. San Francisco, CA: New Riders, 2013, xv, 223 p. ISBN 0321887867.
* DUCKETT, Jon. HTML & CSS: design and build websites. Indianapolis, IN: Wiley, c2011, 490 p. ISBN 1118008189.
Seznam doporučené literatury
* ETHAN MARCOTTE a [FOREWORD BY JEREMY KEITH]. Responsive web design. New York: A Book Apart, 2011. ISBN 098444257x.
* HAY, Stephen. Responsive design workflow. San Francisco, CA: New Riders, 2013, xv, 223 p. ISBN 0321887867.
* DUCKETT, Jon. HTML & CSS: design and build websites. Indianapolis, IN: Wiley, c2011, 490 p. ISBN 1118008189.
Přílohy volně vložené
1 CD-ROM
Přílohy vázané v práci
ilustrace
Převzato z knihovny
Ne
Plný text práce
Přílohy
Posudek(y) oponenta
Hodnocení vedoucího
Záznam průběhu obhajoby
Student výborně prezentoval výsledky své práce. Výborně zodpověděl dotazy a reagoval na připomínky vedoucího práce i členů komise. Dle vedoucího byla práce odvedena velmi precizně a značně přesahuje požadavky kladené na bakalářskou práci.