Název projektu: Moderní škola Registrační číslo: CZ.1.07/1.5.00/34.0467 Integrovaná střední škola, Sokolnice 496 Název klíčové aktivity: III/2 - Inovace a zkvalitnění výuky prostřednictvím ICT Kód výstupu: VY_32_INOVACE_21_GD_08 Autor: Ing. Lenka Dufková Předmět: Základy informačních technologií Téma: Banner Ročník: 2. Způsob využití ICT: tvorba zadání na počítači, tisk na tiskárně nebo předání žákům elektronickou cestou, vypracování zadání žáky na počítači, prezentace žáky s počítačem a dataprojektorem Druh učebního materiálu: pracovní list Datum tvorby: 16.4.2013 Anotace: Učební materiál je zadání, určené k procvičení učiva v předmětu grafický design (GD), případně počítačová grafika (PG) a základy informačních technologií (ZIT). Tématem práce je praktické využití animace. Učební materiál je určen na využití ve 3. ročníku po seznámení žáků se specifickým učivem předmětu grafický design. Je možné ho použít i ve 2. ročníku v předmětu počítačová grafika při procvičování technik. Způsoby použití učebního materiálu: a) Učitel s pomocí promítnutého objasnění pojmů provede výklad. b) Učitel zadání vytiskne s použitím verze pro tisk a rozdá žákům. Úspornější je předání zadání žákům elektronickou cestou. Před samotnou prací je buďto proveden výklad, kdy učitel zároveň se žáky, každý na svém počítači a s použitím dataprojektoru, prakticky zkoušejí probírané učivo na cvičném příkladu. Poté žáci využijí nabyté znalosti pro samostatné vypracování uvedeného zadání. c) Jiná možnost použití je jakožto prověření již dříve nabytých dovedností, tentokrát bez předchozího výkladu.
Zdroj: Vlastní dílo autora Antee. Bannery. [online] 2012 [cit. 2012-09-20]. Dostupný z WWW: <http://zis.antee.cz/index.php?nid=7515&lid=cs&oid=2400888>. Citace: nejsou použity
Zadání: Animovaný banner Objasnění pojmů Banner - z anglického praporek, transparent. Anglická výslovnost [bænə], u nás čteme baner. Banner je forma internetové reklamy. Má za úkol upoutat pozornost návštěvníků stránek. Bannery jsou charakterizovány poutavým vizuálním zpracováním. Bannerová slepota Takto se nazývá je, kdy si uživatelé již zvykli, že na stránkách je něco v pohybu a nevšímají si toho. To znamená, že reklama už na ně tolik neúčinkuje. Flash Patentovaná technologie pro výrobu animací a dalších např. webových aplikací. Ne ve všech prohlížečích jdou Flash animace zobrazit. Gif Animace ve formátu gif se zobrazí i bez podpory Flash, tzn. vždy. Princip fungování banneru Na webové stránce se uživateli zobrazí statický nebo animovaný obrázek, tedy banner. Banner má za úkol přivést zákazníky nebo návštěvníky. Jakmile někdo na banner klikne, bude přesměrován na web konkrétního internetového obchodu, e- shopu, nebo webové prezentace. Bannery existují v několika formátech. Velikost bannerů se uvádí v pixelech. Nejvyužívanější formáty bannerů jsou dnes 468 60 (fullbanner), 250 250, 88 31, 120 600, 125 125 pixelů. Datová velikost reklamního banneru: optimální 8 kb, maximální 25 kb, jinak banner může zdržovat načítání stránky.
Zadání: Vytvoř reklamní banner o velikosti FULL BANNER 468 x 60 px (rozlišení 72 ppi). Název souboru BANNER... xcf Povinné prvky zadání: - plochý obrazec (čtverec, kruh...) otáčející se kolem vlastní osy. Představ si, že je vystřižený z papíru. Z každé strany má jinou barvu. - pohybující se jednoduchý obrázek (ne fotka). Najdi např. klipart, nebo sám vytvoř jednoduchý obrázek. - nabíhající text (nebo jinak se pohybující) Používej: Filtry animace prohlížení, smísení, optimalizace Ulož jako animace, zvol vhodné časování, přípona.gif Příklad několika postupně načítaných meziobrázků:
Verze pro tisk:
Zadání: Vytvoř reklamní banner o velikosti FULL BANNER 468 x 60 px (rozlišení 72 ppi). Název souboru BANNER... xcf Povinné prvky zadání: - plochý obrazec (čtverec, kruh...) otáčející se kolem vlastní osy. Představ si, že je vystřižený z papíru. Z každé strany má jinou barvu. - pohybující se jednoduchý obrázek (ne fotka). Najdi např. klipart, nebo sám vytvoř jednoduchý obrázek. - nabíhající text (nebo jinak se pohybující) Používej: Filtry animace prohlížení, smísení, optimalizace Ulož jako animace, zvol vhodné časování, přípona.gif Zadání: Vytvoř reklamní banner o velikosti FULL BANNER 468 x 60 px (rozlišení 72 ppi). Název souboru BANNER... xcf Povinné prvky zadání: - plochý obrazec (čtverec, kruh...) otáčející se kolem vlastní osy. Představ si, že je vystřižený z papíru. Z každé strany má jinou barvu. - pohybující se jednoduchý obrázek (ne fotka). Najdi např. klipart, nebo sám vytvoř jednoduchý obrázek. - nabíhající text (nebo jinak se pohybující) Používej: Filtry animace prohlížení, smísení, optimalizace Ulož jako animace, zvol vhodné časování, přípona.gif