online webdesign tanfolyam kompakt képzés tematika

6
www.webdesigntanfolyam.com TEMATIKA Kompakt képzés Oktató: Tóth Zsuzsanna

Upload: zsuzsannatoth

Post on 21-Jan-2016

1.323 views

Category:

Documents


1 download

DESCRIPTION

http://webdesigntanfolyam.com/

TRANSCRIPT

Page 1: Online Webdesign Tanfolyam Kompakt képzés tematika

www.webdesigntanfolyam.com

TEMATIKAKompakt képzés

Oktató:Tóth Zsuzsanna

Page 2: Online Webdesign Tanfolyam Kompakt képzés tematika

www.webdesigntanfolyam.com

TEMATIKAKompakt képzés

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. Alapozó leckék

• 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. Arculattervezés

• Az arculat fogalma• Az arculat/logótervezés folyamata - gyakorlati feladat• Miből áll egy kidolgozott arculat?• 5 pontos logótervezési segédlet• Adobe Illustrator használata (gyakorlati feladat)• Arculattervezés konkrét megrendelőnek (gyakorlati feladat)

Page 3: Online Webdesign Tanfolyam Kompakt képzés tematika

www.webdesigntanfolyam.com

4. Online hirdetések

• Bannerek, szponzorációk• Banner formátumok, méretek, online reklám fajták• Mi az a kampány?• Hogyan állj neki a banner tervezésnek?• Ismerd fel a reklám fajtákat! (gyakorlati feladat)• Tervezz banner fázisokat Photoshopban (gyakorlati feladat)• Bannerek tervezése Photoshopban (gyakorlati feladat)• Flash animációk (gyakorlati feladat)• Bannerek mozgatása Flashben (gyakorlati feladat)

5. Hírlevelek

• Szemét, vagy reklámeszköz?• Milyen a jó hírlevél?• Lépésről lépésre hírlevél Photoshopban - gyakorlati feladat)• Hírlevél készítés konkrét termékek alapján (gyakorlati feladat)• Hogyan működik a hírlevél kezelő rendszer? Mailchimp (gyakorlati feladat)

6. Drótvázak

• A tervezés folyamata• Weboldal típusok és felépítések• Hogyan készülnek a wireframek?• Drótváz tervezés (gyakorlati feladat)• Drótváz tervezés ( gyakorlati feladat)

7. HTML

• Mi a a lokális, és mit jelent az elérési út?• FTP kapcsolat, alap hosting ismeretek• Hogyan illessz be képet, videót, flasht, térképet?• Hello Világ! HTML alapok (gyakorlati feladat)• Stíluslapok (gyakorlati feladat)• Az első portfólió Photoshopból HTML(gyakorlati feladat)

Page 4: Online Webdesign Tanfolyam Kompakt képzés tematika

www.webdesigntanfolyam.com

9. Tervezéselmélet

• A tervezési szemléletmódról• Milyen hibákat követhetsz el a tervezés során? • Alapvető kérdések tervezéskor

8. Webdesign gyakorlat

• Egyoldalas honlapok - Vízszintes design, kutyanyelv weboldal (gyakorlati feladat)

• Egyszerű fotógaléria (gyakorlati feladat)• Legyen stílusod! CSS gyakorlatok 1. rész (gyakorlati feladat)• Legyen stílusod! CSS gyakorlatok 2. rész (gyakorlati feladat)• Űrlapok és gombok CSS gyakorlatok (gyakorlati feladat)• Adobe Fireworks webdesign tervezés (gyakorlati feladat)

10. Weboldal analitika

• Minden mérhető• Honnan tudjuk, mit csinálnak a látogatók a weboldalon? • Analitikai eszközök használata (gyakorlati feladat)• Google Analytics használata (gyakorlati feladat)

11. Webergonómia

• Az új barátod: a felhasználó• Webergónómiai alapok

12. Jótanácsok munkakezdéshez

• Hogyan kezdj el egy munkát?• Árajánlat írás (gyakorlati feladat)• Szerződések (gyakorlati feladat)• Kezdődhet a munka?

Page 5: Online Webdesign Tanfolyam Kompakt képzés tematika

www.webdesigntanfolyam.com

13. Hello WordPress!

• Első lépések, telepítés (gyakorlati feladat)• Témák keresése, telepítése (gyakorlati feladat)• Általános beállítások (gyakorlati feladat)• Készíts egy látványos galériát! Pluginek (gyakorlati feladat)• Sablonok átszabása (gyakorlati feladat)• Az egyedi sablonkészítés alapjai (gyakorlati feladat)

14. Webdesign gyakorlat 2. rész

• Coming Soon oldal készítése Photoshopban (gyakorlati feladat)• Coming Soon oldal HTML+CSS (gyakorlati feladat)• Eladás ösztönző grafikák Fireworksben (gyakorlati feladat)• Plecsnik és cetlik - sales grafikák Fireworksben (gyakorlati feladat)

15. CSS gyakorlatok

• CSS Főzőcske Józsival 1. rész (gyakorlati feladat)• CSS Főzőcske Józsival 2. rész (gyakorlati feladat)

16. Webergonómia haladóknak

• Hogyan fogyasztjuk a webes tartalmat?• Az egyik X, a másikat ki sem lehet olvasni… • UX, UI, ki kicsoda?• 5 egyszerű pont, amire ha odafigyelsz, máris használhatóbb honlapokat

fogsz tervezni• Webergonómia a gyakorlatban (gyakorlati feladat)

17. Webáruházak

• Mit jelent a webáruház fogalom a tervezésben?• Hogyan tervezzünk webáruházat?• Meglévő áruház áttervezése• Termékoldalak tervezéséről (gyakorlati feladat)• Polc után a pénztárba vezet az út (gyakorlati feladat)• Webáruház WordPressel 1. rész (gyakorlati feladat)• Webáruház WordPressel 2. rész (gyakorlati feladat)• Webáruház nyitás - mi kell még egy jó bolthoz? Jogszabályok.

Page 6: Online Webdesign Tanfolyam Kompakt képzés tematika

www.webdesigntanfolyam.com

Záróvizsga

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