Podkladem pro toto cvičení je jednoduchý grafický návrh, který umožní vytvořit efektní prohlížeč obrázků. Na různém absolutním i relativním pozicování šipek pro přechod na další obrázek je dobře vidět efekt různých způsobů pozicování, včetně nekompatibliního chování některých prohlížečů.

Continue reading →

Pružné rozvržení stránky se často používá u obsahově bohatých webů, kde je výhodné využít maximálně dostupnou plochu prohlížeče, ale zároveň není vhodné koomplikovat život uživatelům s menšími displeji. Jednoduchý pružný návrh v tomto cvičení postavíme ze stejného „grafického návrhu“:http://www.zamostny.net/wp-content/uploads/2008/11/navrh.psd, který jsme vytvořili v „minulém cvičení“:../dojsloupcovy-layout-5-cviceni, pouze jej jinak rozřežeme a jinak nakódujeme stránku (viz připojené soubory).

Vlastní obsahovou plochu návrhu je možné členit do několika segmentů, jejichž rozložení se přizpůsobuje velikosti okna prohlížeče. Jak je toho možné dosáhnout předvádí ve zjednodušené podobě „galerie“:http://www.zamostny.net/wp-content/uploads/2008/11/cviceni6b.html.

##Připojené soubory:
- Grafický návrh
- Ukázka řešení
- Ukázka galerie

Přednáška se zabývá rolí barev grafiky a dalších prvků v grafickém návrhu webové prezentace. Jsou probrány základy teorie barev, jejich počítačová reprezentace modely RGB a HSB, pojmy odstínu, jasu a sytosti a jejich využití pro vytvoření vyvážené kompozice barev pro grafický návrh. Dále jsou probírány způsoby a role použití grafiky, především rastrové, výhody a nevýhody používaných grafických formátů, relace mezi kvalitou zobrazení a velikostí grafického souboru, způsob práce s průhledností a kompatibilita s prohlížeči. V závěru přednášky je uvedeno doplňkové informace z pomezí grafiky a typografie.

##Připojené sobory:
- Snímky k přednášce