www.webdesigntanfolyam.com

TEMATIKAPrémium képzés 2013

Oktatók:Tóth Zsuzsanna és Szijártó József

www.webdesigntanfolyam.com

TEMATIKAPrémium képzés 2013

1. Bevezetés

• Hogyan zajlik a tanfolyam?• Hogyan használd a zárt hallgatói FB csoportot?• Programok letöltési helyei, telepítési útmutató• Munkaeszközeink• Alakítsd ki az optimális munkateredet• A hatékony otthoni munkavégzés• Szerzői jogok

2. Tervezzünk!

• A tervezés folyamata - az ötlettől a megvalósításig• Designer eszköztár - képet, fontot honnan?• Elrendezés, igazítás - hogyan használd a szoftverek segédjeit?• Felbontások, sztenderdek, szabványok• Ötletelés, hangulattábla (moodboard készítés)

3. Photoshop alapgyakorlatok

• Felület ismertetése, eszköztár használata, beállítások• Alapfogások (kijelölés, vágás, színezés - gyakorlati feladat)• Mire jók a szűrők és effektek?• Rétegek ismertetése• Hogyan rendszerezd a .psd fájlokat?• Moodboard készítés (gyakorlati feladat)

www.webdesigntanfolyam.com

4. Webgrafika 1. rész

• Milyen a jó webgrafika?• Mi az a GUI - tervezési szempontok• Gombok készítése (gyakorlati feladat)• Sales grafikák (gyakorlati feladat)• Ikonok készítése (gyakorlati feladat)• Csúszkák, szövegdobozok tervezése (gyakorlati feladat)• Űrlapok tervezése (gyakorlati feladat)• Infografikák (gyakorlati feladat)• Teljes GUI készletek elkészítése (gyakorlati feladat)

5. Arculattervezés + Illustrator alapok

• Mi az arculat szerepe?• Felület ismertetése, eszköztár használata, beállítások• Alapfogások (Bézier görbék használata - gyakorlati feladat)• Logótervezés (gyakorlati feladat)• Logótervezés, kisarculat (gyakorlati feladat)

6. Webgrafika 2. rész + Flash alapok

• Online reklámeszközök ismertetése• Felület ismertetése, eszköztár használata, beállítások• Alapfogások (egyszerű mozgások - gyakorlati feladat)• Bannerkészítés (gyakorlati feladat)• Banner készítés mutációkkal (gyakorlati feladat)• Egyéb reklámtípusok tervezése (gyakorlati feladat)• Hírlevél tervezés, Mailchimp hírlevélküldő használata (gyakorlati feladat)• Az email marketingről

7. Webgrafika Wacom táblával

• A Wacom Bamboo tábla beüzemelése• Első használat• Mire jó a Wacom tábla? • Vektorgrafika Wacommal (gyakorlati feladat)• Retusálás Wacommal (gyakorlati feladat)• Vektorgrafika Wacommal (gyakorlati feladat)

ÚJ!

www.webdesigntanfolyam.com

9. Akadálymentesítés a weben

• Mit jelent az akadálymentesítés?• Akadálymentés (felhasználóbarát) honlapok egészségeseknek• A validálás, mint akadálymentésítés• Nemzetközi szabványok• Akadálymentes web látássérültek és vakok számára (gyakorlati feladat)• Mozgássérültek és hallássérültek számára készített honlap• Webtervezés idősek számára (gyakorlati feladat)• Gyerekek a weben (gyakorlati feladat)

8. Drótvázak, webtervezési alapok

• Tervezéselmélet• Tervezési minták használata• Drótváz (wireframe) készítési szempontok• Drótváz (wireframe) készítési módok (gyakorlati feladat)• Prototípus készítése, tesztelése (gyakorlati feladat)• Webergonómiai alapismeretek• A/B tesztelés, Heatmap-ek használata• Üzleti célok a webtervezésben

10. Hosting alapismeretek

• Hogy kerül a tartalom a webre?• FTP program használata (gyakorlati feladat)• Hogyan válasszunk célnak megfelelő tárhelyet?• Hogyan foglaljunk domain nevet, és milyet?• Mi az adatbázis, és mire való?• Weboldal típusok

11. HTML+CSS, sitebuild + Dreamweaver

• Eszik-e vagy isszák?• HTML alapok - Dreamweaver használata• CSS alapok• Több oldaltípus buildelése - feliratkozó, landing (gyakorlati feladat)• CSS tippek és trükkök (gyakorlati feladat)• Böngészőfüggetlen kódolás, validálás (gyakorlati feladat)• Tesztelés (gyakorlati feladat)

ÚJ!

www.webdesigntanfolyam.com

12. HTML+CSS, sitebuild + Photoshop

• Statikus oldal tervezése (gyakorlati feladat)• Egyoldalas honlapok (gyakorlati feladat)• Horizontális design, parallax (gyakorlati feladat)• Javascript, Jquery scriptek beillesztése (gyakorlati feladat)• Összetett designok és mutációk) (gyakorlati feladat)

13. Mobil design+Responsive

• Új eszközök, és felhasználási szokások• A mobilra tervezés, optimalizálás szempontjai• Méretek és eszközök• Mobil verzió készítése meglévő oldalhoz (gyakorlati feladat)• Responsive tervezés (gyakorlati feladat)• Mobil alkalmazás felület tervezés (gyakorlati feladat)

14. HTML+CSS, sitebuild + Wordpress

• Tartalomkezelő rendszerek ismertetése• Wordpress telepítés, alapbeállítások (gyakorlati feladat)• WP pluginek és sablonok kezelése (gyakorlati feladat)• WP sablon átszabása (gyakorlati feladat)• Egyedi WP sablon készítése (gyakorlati feladat)• WP biztoság (gyakorlati feladat)

15. Webáruház tervezés + Wordpress

• Az online értékesítésről• Webáruház típusok, értékesítési módok• Adj el valamit online! Min múlhat a siker?• Termékoldalak, kosarak, pénztárak (gyakorlati feladat)• A webáruházak használhatóságáról (gyakorlati feladat)• Webáruház Wordpressel (gyakorlati feladat)• Jogszabályok, tudnivalók

www.webdesigntanfolyam.com

17. Üzleti szemlélet

• Munka, álláskeresési tippek a szakmában• Vállalkozási tudnivalók - buktatókról őszintén• Ajánlatkérés, ajánlat adás• Igényfelmérés, tárgyalási technikák, ügyfélkezelés• Árkalkuláció• Szerződések• Önmarketing, énmárka - grafikus önéletrajz készítés (gyakorlati feladat)

Záróvizsga

16. Online marketing

• Mérjünk - Google Analytics alapok• SEO alapok tervezéshez• Milyen a jó szöveg?• Mire jó a Google Webmester központ?• Az email marketingről még egyszer (gyakorlati feladat)• Social media a gyakorlatban (gyakorlati feladat)• FB oldal beindítása, FB appok (gyakorlati feladat)• PPC kampányok (Adwords, FB)

• Záróvizsga feladatok elkészítése• Oklevél a sikeres vizsgáról

ÚJ!Frissítve: 2013. 03. 02 + 2 tematikávalAkadálymentésítés, és Wacom tábla használata a webdesignban!