Tvorba interaktivních bannerů: HTML5 a Adobe Flash (HTML4)

Grafika, Adobe

Řešíte situaci, kdy máte již vytvořený jednoduchý interaktivní obsah (banner) v Adobe Flash, a potřebujete ho mít ve formátu HTML5? Jste grafik nebo manažer mající na starosti reklamu na internetu a potřebujete správně připravit reklamní banner?
Kurz se zabý přípravou banneru v HTML5 a CSS3, stejně jako převodem existujícího reklamního prvku vytvořeného v prostředí Adobe Flash na formát HTML5. Na obou verzích Flashe si ukážeme přípravu dokumentu s následným exportem do HTML5 nejrychlejší a nejefektivnější cestou. Později se pustíme do samotné přípravy HTML5 kódu a následné animace. Na závěr se podíváme na přípravu videopřehrávače, připomeneme si práci s videem ve Flashi a současně se naučíme pracovat s videem v HTML5 a vytvoříme si vlastní videopřehrávač.

Lokalita, termín kurzu



Brno
9.10. - 9. 10. 2017
Objednat
20.11. - 20. 11. 2017
Objednat
5.1. - 5. 1. 2018
Objednat
Praha
20.10. - 20. 10. 2017
Objednat
1.12. - 1. 12. 2017
Objednat
12.1. - 12. 1. 2018
Objednat
Vlastní Školení na míru (termín, lokalita, obsah, délka)

Náplň kurzu:

Skrýt detaily
  • Využití externích zdrojů pro převod .swf do HTML5, jejich možnosti a úskalí
    1. Swiffy (online nástroj od Google či jako stažený doplněk do Flash CS6)
    2. výstup v HTML a CSS, grafický obsah generovaný v base64, JavaScript
    3. Toolkit CreateJS: instalovaný doplněk + vysvětlení jeho funkčnosti, tzn. obsah externích knihoven a jak každá pracuje
    4. výstup v HTML5 Canvas
    5. základní skriptování prokliku banneru pomocí JavaScript přímo ve Flash, způsobem v předem definovaných komentářích
    6. nastavení exportu ve verzi Adobe Flash CC (publish settings), vysvětlení každé položky nastavení (cesty ke zdrojům, knihovny atd.)
  • Příprava banneru čistě v HTML5 a CSS3
    1. příprava a validace grafických podkladů, aneb kdy použít obrázek a kdy grafický prvek vykreslit kódem
    2. animace pomocí CSS3 (vlastnost animation a transition)
    3. vytvoření cyklického banneru za pomocí JavaScriptu
    4. typy banneru (skyscraper,.ILayer, video-rollband atd.)
    5. příprava banneru dle specifikaci SPIR, adWords, Seznam.cz
  • Příprava videobanneru jak ve Flash, tak i v HTML5, optimalizace obsahu
    1. Flash:
    2. vložené video na časovou osu
    3. rozdíl mezi streamovaným videem a pseudostreamem
    4. použití přednastavené šablony přehrávače
    5. HTML5:
    6. příprava video formátu a vysvětlení k čemu každý slouží (.mp4, .mov, .ogg)
    7. tvorba videopřehrávače s přednastavenými ovládacími prvky (HTML kód)
Předpokládané znalosti:
Základní znalost programu Flash (tj. tvorba animovaného obsahu), HTML a CSS, výhodou je základní znalost JavaScriptu.
Časový rozvrh:
1 den (9:00hod. - 17:00hod.)
Cena kurzu:
4 600,00 Kč (5 566,00 Kč včetně 21% DPH)