OWT Prémium Plus webdesign tanfolyam
-
Upload
zsuzsannatoth -
Category
Documents
-
view
3.176 -
download
4
description
Transcript of OWT Prémium Plus webdesign tanfolyam
![Page 1: OWT Prémium Plus webdesign tanfolyam](https://reader036.fdocument.pub/reader036/viewer/2022081816/55cf9ca2550346d033aa818b/html5/thumbnails/1.jpg)
www.webdesigntanfolyam.com
TEMATIKAPrémium Plus képzés
Oktatók:Tóth Zsuzsanna és Szijártó József
![Page 2: OWT Prémium Plus webdesign tanfolyam](https://reader036.fdocument.pub/reader036/viewer/2022081816/55cf9ca2550346d033aa818b/html5/thumbnails/2.jpg)
www.webdesigntanfolyam.com
TEMATIKAPrémium Plus 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. 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)
az élő tréningeken tanulod
online oktatáson tanulod
![Page 3: OWT Prémium Plus webdesign tanfolyam](https://reader036.fdocument.pub/reader036/viewer/2022081816/55cf9ca2550346d033aa818b/html5/thumbnails/3.jpg)
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)
az élő tréningeken tanulod
online oktatáson tanulod
![Page 4: OWT Prémium Plus webdesign tanfolyam](https://reader036.fdocument.pub/reader036/viewer/2022081816/55cf9ca2550346d033aa818b/html5/thumbnails/4.jpg)
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) az élő tréningeken tanulod
online oktatáson tanulod
![Page 5: OWT Prémium Plus webdesign tanfolyam](https://reader036.fdocument.pub/reader036/viewer/2022081816/55cf9ca2550346d033aa818b/html5/thumbnails/5.jpg)
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
az élő tréningeken tanulod
online oktatáson tanulod
![Page 6: OWT Prémium Plus webdesign tanfolyam](https://reader036.fdocument.pub/reader036/viewer/2022081816/55cf9ca2550346d033aa818b/html5/thumbnails/6.jpg)
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 és kiértékelése• Oklevél a sikeres vizsgáról
az élő tréningeken tanulod
online oktatáson tanulod