Bakalářská práce Responzivní web design se zabývá implementací web designu na různých zařízeních tak, aby se stránka zobrazila korektně maximálnímu možnému počtu uživatelů. Obsahem práce je vysvětlení způsobů dosažení tohoto cíle a konkrétní příklad použití na nové domovské stránce České televize a.s.
Anotace v angličtině
Bachelor thesis Responsive web design is concerned with the implementation of web design on variol devices, where should be displayed correctly for maximum possible number of users. The thesis explains how to achieve this goal on thespecific example of usingon thenewhomepageof Czech Television.
Klíčová slova
responzivní web design, html, media queries, Česká televize
Klíčová slova v angličtině
responsive web design, html, media queries, Czech Television
Rozsah průvodní práce
54 s. (58 554 znaků)
Jazyk
CZ
Anotace
Bakalářská práce Responzivní web design se zabývá implementací web designu na různých zařízeních tak, aby se stránka zobrazila korektně maximálnímu možnému počtu uživatelů. Obsahem práce je vysvětlení způsobů dosažení tohoto cíle a konkrétní příklad použití na nové domovské stránce České televize a.s.
Anotace v angličtině
Bachelor thesis Responsive web design is concerned with the implementation of web design on variol devices, where should be displayed correctly for maximum possible number of users. The thesis explains how to achieve this goal on thespecific example of usingon thenewhomepageof Czech Television.
Klíčová slova
responzivní web design, html, media queries, Česká televize
Klíčová slova v angličtině
responsive web design, html, media queries, Czech Television
Zásady pro vypracování
V úvodní části práce je nezbytné vysvětlit nutné pojmy z oblasti web designu a provést přehled problematiky implementace responzivního web designu obecně. Uvést výhody a nevýhody responzivně optimalizovaných webových stránek.
V práci bude popsána metodika návrhu responzivního rozložení prvků na webvých stránkách.
Cílem bakalářské práce je návrh a realizování redesignu (za využití techniky Media Queries) úvodní stránky webového portálu České televize na url: http://www.ceskatelevize.cz/
V závěru práce bude též provedeno porovnání chování uživatelů na portálu České televize před a po zavedení responzivního rozložení prvků na stránce.
Předpokládané využití technologií: XHTML nebo HTML5, CSS3, Media Queries, JavaScript.
Zásady pro vypracování
V úvodní části práce je nezbytné vysvětlit nutné pojmy z oblasti web designu a provést přehled problematiky implementace responzivního web designu obecně. Uvést výhody a nevýhody responzivně optimalizovaných webových stránek.
V práci bude popsána metodika návrhu responzivního rozložení prvků na webvých stránkách.
Cílem bakalářské práce je návrh a realizování redesignu (za využití techniky Media Queries) úvodní stránky webového portálu České televize na url: http://www.ceskatelevize.cz/
V závěru práce bude též provedeno porovnání chování uživatelů na portálu České televize před a po zavedení responzivního rozložení prvků na stránce.
Předpokládané využití technologií: XHTML nebo HTML5, CSS3, Media Queries, JavaScript.
Seznam doporučené literatury
*MARCOTTE, Ethan a [foreword by Jeremy KEITH]. Responsive web design. New York: A Book Apart, 2010. ISBN 978-098-4442-577.
*CEDERHOLM, Dan a [foreword by Jeremy KEITH]. CSS3 for web designers. New York: A book apart, c2010, 125 s. Book apart, no. 2. ISBN 978-098-4442-522.
*W3C pracovní specifikace HTML5: [online]. 2011 [cit. 2012-10-11]. Dostupné z WWW: http://dev.w3.org/html5/spec/Overview.html
*PILGRIM, Mark. Dive into HTML5. [online] 2011 [cit. 2012-10-11]. Dostupné z WWW: http://diveintohtml5.info/, http://kniha.html5.cz/
Seznam doporučené literatury
*MARCOTTE, Ethan a [foreword by Jeremy KEITH]. Responsive web design. New York: A Book Apart, 2010. ISBN 978-098-4442-577.
*CEDERHOLM, Dan a [foreword by Jeremy KEITH]. CSS3 for web designers. New York: A book apart, c2010, 125 s. Book apart, no. 2. ISBN 978-098-4442-522.
*W3C pracovní specifikace HTML5: [online]. 2011 [cit. 2012-10-11]. Dostupné z WWW: http://dev.w3.org/html5/spec/Overview.html
*PILGRIM, Mark. Dive into HTML5. [online] 2011 [cit. 2012-10-11]. Dostupné z WWW: http://diveintohtml5.info/, http://kniha.html5.cz/
Přílohy volně vložené
2 CD ROM
Přílohy vázané v práci
grafy, tabulky
Převzato z knihovny
Ne
Plný text práce
Přílohy
Posudek(y) oponenta
Hodnocení vedoucího
Záznam průběhu obhajoby
Vydařená bakalářská práce. Student splnil všechny aspekty zadání. Vlastní práce přispěla jednak k rozšíření dovedností a znalostí studenta. Praktická část bakalářské práce pak úspěšně našla uplatnění v ostrém provozu, kde tvoří vstupní bod velmi navštěvovaného a oblíbeného webového portálu České televize. Práce byla zpracována na vynikající úrovni, proto komise navrhuje bakalářskou práci "Responzivní web design" na ocenění za vynikající tvůrčí výsledky dle článku 2, odst. 3, písm. b) Stipendijního řádu Univerzity Pardubice