Haluatko oppia tekemään julkaisukelpoisia HTML5 bannereita?
Suurimmat mediatalot ovat julkaisseet aineisto-ohjeet, joissa on sekä yksityiskohtaiset ohjeet HTML5 bannerien teknisistä vaatimuksista että vinkkejä parhaisiin käytänteisiin HTML5 bannerien tuotannossa. Niiden tulkinta ja bannerien toteuttaminen vaatii kuitenkin erityisosaamista, jonka saat tällä kurssilla.
Jos osaat tehdä verkkosivuja – osaat tehdä HTML5–bannereita
Opi tulkitsemaan ja noudattamaan aineisto-ohjeita
Koska HTML5 bannerit toteutetaan HTML, CSS ja JavaScript -tekniikoilla, on niiden ymmärtäminen edellytys bannerien tekemiselle. Kurssilla käydään läpi käytettäviä tekniikoita sekä bannerien valmistusta koodilähtöisesti, joten HTML, CSS ja JavaScript osaaminen tulee olla kurssilaisella entuudestaan. Kurssilla näytetään myös bannerien valmistaminen graafisin työvälinein ja tekniset, aineisto-ohjeissa annetut skriptit opastetaan liittämään julkaistavaan mainokseen. HTML5 bannerien valmistaminen ei jää teknisestä osaamisesta kiinni.
Kurssin tavoitteet
Kurssilla opit mm.
- ymmärtämään eri medioiden aineisto-ohjeet
- toteuttamaan bannerit julkaisukelpoisina aineisto-ohjeiden mukaisesti
- valmistelemaan banneriaineiston kuvat ja grafiikan optimaalisesti
- toteuttamaan hyvän bannerikäytännönmukaiset animaatiot ja efektit
- linkittämään mainoksen haluamaasi kohteeseen
HTML5 bannerit haltuun käytännön esimerkein
Tällä käytäntöön pohautuvalla kurssilla opit itse tekemällä. Kurssin aikana käymme läpi bannerituotannon tekniikoita suunnittelusta julkaisuun. Saat kurssilta mukaasi käytännön esimerkit, joita voit hyödyntää myös tuotannossa.
Kurssin kohderyhmä
Koulutus on tarkoitettu web–suunnittelijoille, jotka haluavat oppia HTML5 bannereiden valmistamisessa käytettäviä tekniikoita.
Kurssin esitietovaatimukset
Osallistuminen edellyttää HTML ja CSS kielen osaamista sekä JavaScript:sta sellaista ymmärrystä että osaa liittää valmiita skriptejä omiin sivuihinsa.
Tekniikan peruskäsitteitä
- HTML5, CSS, JavaScript
- Bannerin toiminta
- Bannerien liittäminen sivulle
Aineisto-ohjeiden tulkinta
- Liitettävät kuvat ja media
- linkit; ClickTAG
- mikä on sallittua ja mikä kiellettyä
- bannerin optimointi
Kuvien ja median valmistelu ja tuonti
- Kuvien ominaisuudet
- koko, resoluutio
- läpinäkyvyys
- SVG vektorigrafiikka
Tekstit ja kirjasimet
- Tekstien käyttäminen
- web-fontit
Animointi
- Pääperiatteet
- Työkalut
- Hyviä käytäntöjä
Työkaluja Bannerituotantoon
- Adobe tuotteet
- Adobe Animate CC (ent. Flash)
- Google Web Designer
- Pilvipalvelut
- katsaus muihin sovelluksiin
Ilmoituksen toimittaminen julkaisijalle
- Asennuspaketin luonti
- tiedostokoon optimointi
- linkitykset
Kurssin kouluttajat
