Kód kurzu: BANN1« Krok späť

Tvorba animovaných bannerov – prechod od technológie Flash na HTML5 + CSS3 + JavaScript

Potrebujete vytvárať reklamné bannery kompatibilné s mobilnými zariadeniami? Riešite situáciu, keď máte už vytvorený animovaný banner technológiou Flash, ale potrebujete ho mať vo formáte HTML5 + CSS3 + JavaScript? Ste grafik alebo manažér majúci na starosti reklamu na internete a potrebujete správne pripraviť reklamný banner spĺňajúci špecifikácie AdWords a pod.? Presne pre vás je určený tento kurz.
Na rôznych verziách Adobe Animate (Flash Professional) si ukážeme prípravu banneru s následným exportom do HTML5 + CSS3 + JavaScript najrýchlejšou a najefektívnejšou cestou. Neskôr sa pustíme do tvorby HTML5 + CSS3 + JavaScript banneru "na zelenej lúke". Na záver sa pozrieme na prípravu videoprehrávača a pripomenieme si prácu s videom vo formáte Flash; súčasne sa naučíme pracovať s videom v HTML5 a vytvoríme si vlastný videoprehrávač.

Kurz je možné realizovať na platforme Mac OS X Kurz je možné realizovať na platforme MS Windows
Neboli nájdené žiadne termíny, kontaktujte náš klientsky servis.
V prípade záujmu o iný termín uvedeného kurzu, kontaktujte klientsky servis, prosím.

PobočkaDníKatalógová cenaCena príručkyITB
Praha1 3 900 CZK v cene kurzu 0
Brno1 3 900 CZK v cene kurzu 0
Bratislava1 140,00 EUR v cene kurzu 0

Pre koho je kurz určený

  • grafik pracujúci v reklamnej a mediálnej agentúre, ktorý musí rýchlo a efektívne riešiť problematiku spracovania bannerov a ich výstupov
  • programátor rozširujúci si povedomie o možnostiach exportu dát z Adobe Animate (Flash) do HTML5 + CSS3 + JavaScript

Čo Vás naučíme

  • previesť už hotový animovaný banner z Adobe Flash do HTML5 + CSS3 + JavaScript
  • vytvoriť animovaný banner v HTML5 + CSS3 + JavaScript od začiatku
  • vyhovieť špecifikáciám SPIR, AdWords, Seznam.cz
  • vytvoriť videobanner

Požadované vstupné znalosti

Základná znalosť Adobe Animate (Flash) (v rozsahu kurzu INTFL1), základná znalosť HTML a CSS (v rozsahu kurzu INTHTML). Výhodou je základná znalosť JavaScriptu.

Metódy výučby

Odborný výklad s praktickými ukážkami a príkladmi, praktické cvičenia na počítačoch.

Osnova kurzu

Adobe Flash CS6 – využitie externých nástrojov pre prevod *.swf do HTML5
  • Swiffy (Google online nástroj / plugin do Adobe Flash CS6)
  • výstup v HTML5 a CSS3, grafický obsah generovaný v Base64, JavaScript
  • Toolkit CreateJS
    • EaseJS – interakcie s myšou, filter efekty, zobrazenie všetkej grafiky
    • TweenJS – spracovanie animácií
    • SoundJS – knižnica pracujúci so zvukmi
  • výstup v HTML5 Canvas
  • základné skriptovanie preklika bannerov pomocou JavaScriptu v Adobe Flash
Adobe Animate (Flash) CC
  • nastavenie exportu (publish settings)
  • (ne)podporované súčasti obsahu pri exporte
  • výstup v HTML5 Canvas za pomoci vstavané knižnice CreateJS
Príprava bannerov v čistom HTML5 + CSS3 + JavaScript
  • typy bannerov (Skyscraper, iLayer, video-rollband atď.)
  • príprava a validácia grafických podkladov
  • animácie pomocou CSS3 vlastností animation a transition
  • vytvorení cyklického bannera za pomoci JavaScriptu
  • príprava bannerov podľa špecifikácií SPIR, AdWords, Seznam.cz
Príprava videobannera – Flash
  • video vložené na časovú os
  • streamované video versus pseudostream
  • použití prednastavené šablóny prehrávače
Príprava videobannera – HTML5
  • formáty videa pre web
  • konverzia videa v Adobe Media Encoder
  • tvorba videoprehrávača s prednastavenými ovládacími prvkami
Tištěné nebo elektronické studijní materiály GOPAS

Cena:
cena kurzu zahŕňa
Uvedené ceny sú bez DPH.