Tato práce se zabývá všeobecným přehledem moderního webdesignu. Popisuje
jednotlivá důležitá pravidla úspěšného webu. Zabývá se jednotlivými postupy, barvami a písmy, které se na webu používají. Dále jsou v práci srovnány rastrová a vektorová grafika. Popisuje jednotlivé nástroje Adobe Photoshopu.
V praktické části jsou vytvořeny stránky s různými praktickými návody i s možností vkládání vlastních článků.
Anotace v angličtině
This work deals with a general overview of modern web design. It describes
important rules of successful website. It deals with individual processes, colors and fonts that are used on the web. Further there are compared raster and vector graphic in the work.It describes individual tools Adobe Photoshop.
In the practical part there are pages which consist of a variety of practical tutorials with the possibility of inserting their own articles.
Klíčová slova
Adobe Photoshop, webdesign, barvy, písmo, RGB, nástroje
Tato práce se zabývá všeobecným přehledem moderního webdesignu. Popisuje
jednotlivá důležitá pravidla úspěšného webu. Zabývá se jednotlivými postupy, barvami a písmy, které se na webu používají. Dále jsou v práci srovnány rastrová a vektorová grafika. Popisuje jednotlivé nástroje Adobe Photoshopu.
V praktické části jsou vytvořeny stránky s různými praktickými návody i s možností vkládání vlastních článků.
Anotace v angličtině
This work deals with a general overview of modern web design. It describes
important rules of successful website. It deals with individual processes, colors and fonts that are used on the web. Further there are compared raster and vector graphic in the work.It describes individual tools Adobe Photoshop.
In the practical part there are pages which consist of a variety of practical tutorials with the possibility of inserting their own articles.
Klíčová slova
Adobe Photoshop, webdesign, barvy, písmo, RGB, nástroje
V teoretické části bakalářské práce bude proveden přehled problematiky moderního webdesignu.
Jak vznikl webdesign, vysvětlení co to vlastně webdesign je. Informace o barvách, barvy použitelné pro webové stránky. Písma použitelná pro web. Rozdělení grafiky vektorová a rastrová, jaké jsou jejich přednosti, nevýhody a jejich porovnání. Zamyšlení nad otázkou, proč vlastně používat grafiku na webových stránkách. Seznámení se zásadami vzhledu a návrhu webových stránek sjednocující funkčnost, účelnost a estetický vzhled. Přehled nástrojů a postupů pro tvorbu web designu v aplikacích zaměřených na rastrovou grafiku. Poté budou popsány důležité nástroje, funkce a postupy využívané k tvorbě webdesignu v programu Adobe Photoshop.
V praktické části bude vytvořena webová aplikace za použití jazyka XHTML a HTML, PHP, databáze MySQL nebo Oracle a CSS stylů. Bude předveden design webu vytvořený pomocí programu Adobe Photoshop. Aplikace bude obsahovat některé články o webdesignu z teoretické části bakalářské práce a cca 9 různých praktických interaktivních návodů tvorby moderního designu stránek (tlačítka, loga, menu, pozadí atd.) Návody budou ukazovat jednotlivé postupy, tak aby byly přehledné i pro začínající uživatele. Dále pak ukázku cca 3 uživatelských vzhledů stránek, kde si uživatel bude moci vybrat vzhled webové stránky (např. podle nabízených šablon s možností jejich stažení). Uživatelé stránek budou moci sami vkládat vlastní práce, jednotlivé návody komentovat a hodnotit. Dále se na stránkách bude nacházet rozcestník na užitečné nástroje a pomůcky pro webdesignéry a na návody jiných autorů. Nezbytným článkem praktické časti bude i správné zobrazováni webu v nejpoužívanějších prohlížečích.
Zásady pro vypracování
V teoretické části bakalářské práce bude proveden přehled problematiky moderního webdesignu.
Jak vznikl webdesign, vysvětlení co to vlastně webdesign je. Informace o barvách, barvy použitelné pro webové stránky. Písma použitelná pro web. Rozdělení grafiky vektorová a rastrová, jaké jsou jejich přednosti, nevýhody a jejich porovnání. Zamyšlení nad otázkou, proč vlastně používat grafiku na webových stránkách. Seznámení se zásadami vzhledu a návrhu webových stránek sjednocující funkčnost, účelnost a estetický vzhled. Přehled nástrojů a postupů pro tvorbu web designu v aplikacích zaměřených na rastrovou grafiku. Poté budou popsány důležité nástroje, funkce a postupy využívané k tvorbě webdesignu v programu Adobe Photoshop.
V praktické části bude vytvořena webová aplikace za použití jazyka XHTML a HTML, PHP, databáze MySQL nebo Oracle a CSS stylů. Bude předveden design webu vytvořený pomocí programu Adobe Photoshop. Aplikace bude obsahovat některé články o webdesignu z teoretické části bakalářské práce a cca 9 různých praktických interaktivních návodů tvorby moderního designu stránek (tlačítka, loga, menu, pozadí atd.) Návody budou ukazovat jednotlivé postupy, tak aby byly přehledné i pro začínající uživatele. Dále pak ukázku cca 3 uživatelských vzhledů stránek, kde si uživatel bude moci vybrat vzhled webové stránky (např. podle nabízených šablon s možností jejich stažení). Uživatelé stránek budou moci sami vkládat vlastní práce, jednotlivé návody komentovat a hodnotit. Dále se na stránkách bude nacházet rozcestník na užitečné nástroje a pomůcky pro webdesignéry a na návody jiných autorů. Nezbytným článkem praktické časti bude i správné zobrazováni webu v nejpoužívanějších prohlížečích.
Seznam doporučené literatury
1. ECCHER, Clint. Profesionální webdesign, Techniky a vzorová řešení pro XHTML a CSS. Computer Press, 2010. ISBN: 978-80-251-2677-6.
2. POWELL, Thomas A. Web design, Kompletní průvodce. Computer Press, 2004. ISBN: 80-722-6949-6.
3. KRČMÁŘ, Jakub. Adobe Photoshop, praktický webdesign. Praha, Grada, 2006. ISBN: 80-247-1423-X.
4. Dílna dobrého stylu [online]. 2004. [cit. 2010-10-29]. Dostupný z WWW: http://wellstyled.com/.
5. Webdesign [online]. [cit. 2010-10-29]. Dostupný z WWW: http://interval.cz/webdesign/.
6. Webdesign [online]. [cit. 2010-10-29]. Dostupný z WWW: http://programujte.com/?rubrika=296-webdesign.
Seznam doporučené literatury
1. ECCHER, Clint. Profesionální webdesign, Techniky a vzorová řešení pro XHTML a CSS. Computer Press, 2010. ISBN: 978-80-251-2677-6.
2. POWELL, Thomas A. Web design, Kompletní průvodce. Computer Press, 2004. ISBN: 80-722-6949-6.
3. KRČMÁŘ, Jakub. Adobe Photoshop, praktický webdesign. Praha, Grada, 2006. ISBN: 80-247-1423-X.
4. Dílna dobrého stylu [online]. 2004. [cit. 2010-10-29]. Dostupný z WWW: http://wellstyled.com/.
5. Webdesign [online]. [cit. 2010-10-29]. Dostupný z WWW: http://interval.cz/webdesign/.
6. Webdesign [online]. [cit. 2010-10-29]. Dostupný z WWW: http://programujte.com/?rubrika=296-webdesign.
Přílohy volně vložené
CD ROM
Přílohy vázané v práci
ilustrace, schémata, tabulky
Převzato z knihovny
Ne
Plný text práce
Přílohy
Posudek(y) oponenta
Hodnocení vedoucího
Záznam průběhu obhajoby
Práci bylo vytknuto několik formálních chyb a nepřesností. Obhajoba byla komisí ohodnocena klasifikačním stupněm dobře.