Webdesigner tanfolyam

Webdesigner tanfolyam

felnőttképzési nyilvántartási szám: B/2020/000383

90 óra

Online


Nagy Norbert

298 450 Ft

(235 000Ft+Áfa)

A képzés során az alapoktól élesítésig bemutatjuk a modern, reszponzív weboldalak tervezésének és létrehozásának folyamatát, a szükséges dizájnelmélettel alátámasztva.

Nézd meg milyen weboldalt tudsz összeállítani a képzés végére:

Bemutató weboldal >

Kinek ajánljuk?

Elsősorban azoknak, akik szeretnék megismerni és használni a webdesign nyújtotta tartalmi és formai lehetőségeket, kreativitásukat webes területen szeretnék kamatoztatni; vagy egyszerűen csak maguk szeretnék kialakítani webes jelenlétüket, ezzel növelve az ügyfélelégedettséget.

Alapoktól élesítésig

A képzés végére a résztvevő megtanulja, hogyan tud reszponzív, modern weboldalakat létrehozni, érteni fogja a dizájn mögötti elméletet, továbbá képes lesz mindezt átültetni a gyakorlatba. Segítünk megtalálni az egyensúlyt a kreativitás és a funkcionalitás között.

Inspiráció

Tisztában vagyunk vele, hogy az egyik legfontosabb aspektusa a kreatív munkáknak az inspiráció szerzése, ezért számtalan forrást bemutatunk színpalettákhoz, betűtípusokhoz, UI szerkezetekhez, kódrészletekhez stb., hogy egy weboldal stílusának kialakítása, és az inspiráció hiánya ne okozzon problémát.

Hatékonyság

A webdizájnról és weboldal szerkesztésről rengeteg információ található meg online, viszont hatalmas munka összegyűjteni a tudást, hogy teljes képet kapjunk. A képzés során a rendelkezésre álló anyagot tömören, könnyen feldolgozható formában adjuk át. A képzés által megspórolt idő alatt akár egy egész portfóliónyi weboldalt is össze lehet állítani.

Előképzettség nélkül

A képzés megkezdéséhez csupán lelkesedés szükséges, nem építünk korábbi programozó tudásra, mély számítógépes ismeretre. Az oktató által elkészített videókból és kiegészítő anyagokból minden szükséges információhoz hozzájut a résztvevő, az alapoktól építjük fel a tudást egészen a magas szintű dizájnismeretekig és programozásig. Amennyiben kérdés merül fel, a rendszeres konzultációk során a résztvevő felteheti az oktatónak.

A képzés elvégzésével megszerezhető dokumentum: Tanúsítvány


Képzési díj tartalma:

  • 57 óra e-learning tanananyag (6 hónapig hozzáférhető)
  • 33 óra élő online konzultáció (gyakorlás és projektfeladatok)

Időtartam: 90 óra
Kezdési időpont: 2024-04-12
Előadók: Nagy Norbert

Ütemezés:
2024. április 12. (péntek): e-learninges anyag hozzáférhető
2024. április 19. (péntek) 18:00: 1. online kontakt óra

Képzés tervezett befejezési
Időpontja:
2024-07-31

Képzés díja: 298 450 Ft

A PERFEKT előnyei

Bármikor, bárhonnan elérhető, korlátlanul visszanézhető videók

Nagymúltú szakmai háttér, felkészült oktatók

Új, tudásmenedzsment alapú adaptív e-learning platform

Segítőkész, felkészült ügyfélszolgálat

Részvételi lehetőség online tanulói közösségben

Képesítő vizsga szervezése a Perfekt Vizsgaközpontban

Jelentkezem!

Erős szakmai háttér, felkészült oktatók
Élő online konzultációk
E-learning tananyagok
Nincsenek rejtett költségek
Segítőkész, felkészült ügyfélszolgálat
Visszanézhető konzultációs videók
Záróvizsgák elérhetőgésge
Online tanulói közösség

90 óra

Online


Nagy Norbert

298 450 Ft

(235 000Ft+Áfa)

Webdesigner tanfolyam

felnőttképzési nyilvántartási szám: B/2020/000383

A képzés során az alapoktól élesítésig bemutatjuk a modern, reszponzív weboldalak tervezésének és létrehozásának folyamatát, a szükséges dizájnelmélettel alátámasztva.

Jelentkezem!

Jelentkezni szeretnél?

Nézd meg milyen weboldalt tudsz összeállítani a képzés végére:

Bemutató weboldal >

Kinek ajánljuk?

Elsősorban azoknak, akik szeretnék megismerni és használni a webdesign nyújtotta tartalmi és formai lehetőségeket, kreativitásukat webes területen szeretnék kamatoztatni; vagy egyszerűen csak maguk szeretnék kialakítani webes jelenlétüket, ezzel növelve az ügyfélelégedettséget.

Alapoktól élesítésig

A képzés végére a résztvevő megtanulja, hogyan tud reszponzív, modern weboldalakat létrehozni, érteni fogja a dizájn mögötti elméletet, továbbá képes lesz mindezt átültetni a gyakorlatba. Segítünk megtalálni az egyensúlyt a kreativitás és a funkcionalitás között.

Inspiráció

Tisztában vagyunk vele, hogy az egyik legfontosabb aspektusa a kreatív munkáknak az inspiráció szerzése, ezért számtalan forrást bemutatunk színpalettákhoz, betűtípusokhoz, UI szerkezetekhez, kódrészletekhez stb., hogy egy weboldal stílusának kialakítása, és az inspiráció hiánya ne okozzon problémát.

Hatékonyság

A webdizájnról és weboldal szerkesztésről rengeteg információ található meg online, viszont hatalmas munka összegyűjteni a tudást, hogy teljes képet kapjunk. A képzés során a rendelkezésre álló anyagot tömören, könnyen feldolgozható formában adjuk át. A képzés által megspórolt idő alatt akár egy egész portfóliónyi weboldalt is össze lehet állítani.

Előképzettség nélkül

A képzés megkezdéséhez csupán lelkesedés szükséges, nem építünk korábbi programozó tudásra, mély számítógépes ismeretre. Az oktató által elkészített videókból és kiegészítő anyagokból minden szükséges információhoz hozzájut a résztvevő, az alapoktól építjük fel a tudást egészen a magas szintű dizájnismeretekig és programozásig. Amennyiben kérdés merül fel, a rendszeres konzultációk során a résztvevő felteheti az oktatónak.

A képzés elvégzésével megszerezhető dokumentum: Tanúsítvány


Képzési díj tartalma:

  • 57 óra e-learning tanananyag (6 hónapig hozzáférhető)
  • 33 óra élő online konzultáció (gyakorlás és projektfeladatok)

Időtartam: 90 óra
Kezdési időpont: 2024-04-12

Ütemezés:
2024. április 12. (péntek): e-learninges anyag hozzáférhető
2024. április 19. (péntek) 18:00: 1. online kontakt óra

Képzés tervezett befejezési
Időpontja:
2024-07-31

Képzés díja: 298 450 Ft

  • Színpszichológia
  • Itten-féle színkör
  • Színharmóniák
  • Színkeverés
  • Színmódok, színterek
  • Színátmenetek
  • Színpaletták, színpaletta összeállítása
  • Tipográfia célja
  • Olvashatóság
  • Gyakori hibák
  • Betűcsaládok vs betűtípusok
  • Betűtípusok kiválasztása
  • Web safe fontok
  • Mértékrendszer, Ajánlott betűméretek
  • Lorem Ipsum
  • Nyugodt és dinamikus layout, Formázás
  • Font telepítése
  • Pixeles és vektoros képalkotás
  • Fájlformátumok
  • Fájlméretek
  • Szerzői jogok
  • Képforrások
  • Webes videók
  • Ikonok
  • Kezelőfelület bemutatása
  • Sablonok kiválasztása és szerkesztése (Betűk, színek, képek, grafikai elemek módosítása, tömeges szerkesztés)
  • Weboldal készítés
  • AI funkciók
  • Infografikák (Táblázatok, grafikonok megjelenítése, adatimportálás, folyamatábrák)
  • Prezentációk (Animációk, elrendezések, tartalom beágyazás, grafikonok, mentési lehetőségek)
  • eBook (PDF külső és belső hivatkozásokkal, kattintható felületekkel)
  • Önéletrajz készítés
  • Videószerkesztés (Videó források, áttűnések, hang szerkesztés, Instagram és TikTok sablonok)
  • Social media bejegyzések
  • Egyéb marketing anyagok (Szórólapok, Plakátok, Hirdetés kreatívok, Névjegykártya, …)
  • Canva Alkalmazások
  • Canva Pro funkciók
  • 13 különböző webdesign stílus bemutatása: tulajdonságok, előnyök, kritikák és kihívások, megoldási javaslatok, új irányok, példák, források
    • Flat
    • Metro
    • White space (negatív tér)
    • Minimal
    • Magazin
    • Sales
    • Retro
    • Illusztrációs
    • Material
    • Grunge
    • Dark
    • Classic
    • Parallax
  • Szerkesztési elvek
  • Kontrasztok
  • Ritmus és ismétlés
  • Struktúra és permutáció
  • Térbeli elrendezés
  • Aranymetszés
  • Hagyományos weboldalszerkezetek
  • Oszlopszám, betűméret és kijelzőméret összefüggése
  • Fixed Responsive Layout
  • Fluid (Liquid) Responsive Layout
  • Célja
  • Használhatósági faktorok
  • Felhasználói szokások és viselkedések
  • Tartalomtervezés
  • Oldaltervezés
  • Linkek
  • Olvashatóság
  • Navigáció
  • Multimédiás tartalom
  • Akadálymentesítés
  • Munkaterület, beállítások megismerése
  • Gyorsbillentyűk és azok személyre szabása
  • Rajzeszközök és kijelölések használata
  • Transzformációs műveletek – méretezés, forgatás, torzítás
  • Saját paletta készítése, importálása és exportálása
  • Ecsetminták készítése és kezelése
  • Guides használata
  • Képek optimalizálása webes használatra
  • Retusáló eszközök és képkorrekciós műveletek alkalmazása
  • Maszkolási technikák használata
  • Kreatív vizuális effektek létrehozása szűrők segítségével
  • Egyedi kreatívok, design elemek készítése
  • Moodboardok szerepe, alkotóelemei
    • Hogyan inspirálják a tervezési folyamatot
    • Moodboard készítése lépésről lépésre
  • User Interface (UI), User Experience (UX)
    • Alapvető tervezési elvek
    • UI elemek és állapotok, interakciók
    • Grid System alkalmazása a kiegyensúlyozott elrendezésért
  • Drótvázak (Wireframe) készítése
  • Reszponzív, tesztelhető UX tervek készítése
  • Figma Pluginok – hozd ki a legtöbbet a Figmából
  • Vektorgrafikai alapok és kezelőfelület megismerése
    • Pixeles és vektoros képalkotás
    • File formátumok, mentési lehetőségek
    • Munkaterület megismerése, testreszabása
    • Gyorsbillentyűk testreszabása
    • Rulers, Guides, Smart Guides használata a precíz munkához
  • Eszközök részletes megismerése – projektfeladatokon keresztül
    • Alakzatok
    • Rajz eszközök
    • Kijelölő, transzformációs eszközök
    • Színátmenetek alkalmazása
    • Szöveg eszközök
    • 3D eszközök
  • Ecsetkezelés
  • Rétegkezelés, maszkolás
  • Logókészítés
    • Logó szerepe, típusai
    • Logótervezés szempontjai, menete
    • Logókészítés
  • Arculati kézikönyv létrehozása
  • Projektfeladatok – grafikai elemek megalkotása, testreszabása
  • HTML
    • Szerkezet, elemek részletesen, gyakorlati példákon keresztül
    • Űrlapok készítése, validálása
    • Külső tartalmak beágyazása (pl.: Google Maps, YouTube videó, más weboldalak, stb)
  • CSS
    • Stílusok
    • Animációk
    • Elemek jelentős mértékű személyre szabása
    • Reszponzív design kialakítása flexbox technikákkal
  • JavaScript
    • Interaktivitás hozzáadása a weboldalakhoz
    • Alapvető programozási koncepciók bemutatása és a DOM manipulálása
    • JQuerry elemek integrálása, személyre szabása
  • Bootstrap keretrendszer
    • Hatékony fejlesztési lehetőségek
    • Komponensek és elrendezések készítése minimális erőfeszítéssel
  • Single Column
  • Split Screen
  • Aszimmetrikus Layout
  • Grid
  • Masonry Layout
  • Magazine
  • Boxes
  • Fixed Sidebar
  • Featured Image
  • F-shape Layout
  • Z-shape Layout
  • Fogalmak
  • Domain
  • Webtárhely, hosting – szolgáltatók és csomagjaik, mire figyeljünk
  • Statikus és dinamikus oldalak
  • Kód optimalizálása
  • Közzététel interneten
  • Kiindulunk egy ötletből, cégből, perszónából és végigmegyünk a lépéseken a színpaletta kiválasztásától egészen az élesítésig

Nézd meg milyen weboldalt tudsz összeállítani a képzés végére:

Bemutató weboldal >

Kérdés esetén töltsd ki a fenti űrlapot vagy írj az alábbi email címre: kepzes@perfekt.hu

A PERFEKT előnyei

Bármikor, bárhonnan elérhető, korlátlanul visszanézhető videók

Nagymúltú szakmai háttér, felkészült oktatók

Új, tudásmenedzsment alapú adaptív e-learning platform

Segítőkész, felkészült ügyfélszolgálat

Részvételi lehetőség online tanulói közösségben

Képesítő vizsga szervezése a Perfekt Vizsgaközpontban

Felmentési lehetőségek
Lehetőség van felmentésre a tananyagegységek és tanulási eredmények mérése alól, megfelelő végzettség, szakmai előképzettség esetén. Felmentési lehetőségekről további információ ITT! 

Spórolj időt és pénzt és megszerzett ismereteid beszámíttatásával!

Erős szakmai háttér, felkészült oktatók
Élő online konzultációk
E-learning tananyagok
Nincsenek rejtett költségek
Segítőkész, felkészült ügyfélszolgálat
Visszanézhető konzultációs videók
Záróvizsgák elérhetőgésge
Online tanulói közösség

Jelentkezés

Jelentkezz a Webdesigner tanfolyam képzésre az alábbi űrlap kitöltésével. Kérlek figyelj oda az adataid helyességére, amennyiben korábban már érdeklődtél azonos e-mail címmel jelentkezz.

Általános adatok


Születési adatok


Oktatási adatok


Lakhely adatok


További adatok



Hírlevél feliratkozás

Iratkozzon fel hírlevelünkre, hogy első kézből kapja meg exkluzív ajánlatainkat, információinkat, egyenesen az Ön postaládájába.

Képzés részletes leírása

  • Színpszichológia
  • Itten-féle színkör
  • Színharmóniák
  • Színkeverés
  • Színmódok, színterek
  • Színátmenetek
  • Színpaletták, színpaletta összeállítása
  • Tipográfia célja
  • Olvashatóság
  • Gyakori hibák
  • Betűcsaládok vs betűtípusok
  • Betűtípusok kiválasztása
  • Web safe fontok
  • Mértékrendszer, Ajánlott betűméretek
  • Lorem Ipsum
  • Nyugodt és dinamikus layout, Formázás
  • Font telepítése
  • Pixeles és vektoros képalkotás
  • Fájlformátumok
  • Fájlméretek
  • Szerzői jogok
  • Képforrások
  • Webes videók
  • Ikonok
  • Kezelőfelület bemutatása
  • Sablonok kiválasztása és szerkesztése (Betűk, színek, képek, grafikai elemek módosítása, tömeges szerkesztés)
  • Weboldal készítés
  • AI funkciók
  • Infografikák (Táblázatok, grafikonok megjelenítése, adatimportálás, folyamatábrák)
  • Prezentációk (Animációk, elrendezések, tartalom beágyazás, grafikonok, mentési lehetőségek)
  • eBook (PDF külső és belső hivatkozásokkal, kattintható felületekkel)
  • Önéletrajz készítés
  • Videószerkesztés (Videó források, áttűnések, hang szerkesztés, Instagram és TikTok sablonok)
  • Social media bejegyzések
  • Egyéb marketing anyagok (Szórólapok, Plakátok, Hirdetés kreatívok, Névjegykártya, …)
  • Canva Alkalmazások
  • Canva Pro funkciók
  • 13 különböző webdesign stílus bemutatása: tulajdonságok, előnyök, kritikák és kihívások, megoldási javaslatok, új irányok, példák, források
    • Flat
    • Metro
    • White space (negatív tér)
    • Minimal
    • Magazin
    • Sales
    • Retro
    • Illusztrációs
    • Material
    • Grunge
    • Dark
    • Classic
    • Parallax
  • Szerkesztési elvek
  • Kontrasztok
  • Ritmus és ismétlés
  • Struktúra és permutáció
  • Térbeli elrendezés
  • Aranymetszés
  • Hagyományos weboldalszerkezetek
  • Oszlopszám, betűméret és kijelzőméret összefüggése
  • Fixed Responsive Layout
  • Fluid (Liquid) Responsive Layout
  • Célja
  • Használhatósági faktorok
  • Felhasználói szokások és viselkedések
  • Tartalomtervezés
  • Oldaltervezés
  • Linkek
  • Olvashatóság
  • Navigáció
  • Multimédiás tartalom
  • Akadálymentesítés
  • Munkaterület, beállítások megismerése
  • Gyorsbillentyűk és azok személyre szabása
  • Rajzeszközök és kijelölések használata
  • Transzformációs műveletek – méretezés, forgatás, torzítás
  • Saját paletta készítése, importálása és exportálása
  • Ecsetminták készítése és kezelése
  • Guides használata
  • Képek optimalizálása webes használatra
  • Retusáló eszközök és képkorrekciós műveletek alkalmazása
  • Maszkolási technikák használata
  • Kreatív vizuális effektek létrehozása szűrők segítségével
  • Egyedi kreatívok, design elemek készítése
  • Moodboardok szerepe, alkotóelemei
    • Hogyan inspirálják a tervezési folyamatot
    • Moodboard készítése lépésről lépésre
  • User Interface (UI), User Experience (UX)
    • Alapvető tervezési elvek
    • UI elemek és állapotok, interakciók
    • Grid System alkalmazása a kiegyensúlyozott elrendezésért
  • Drótvázak (Wireframe) készítése
  • Reszponzív, tesztelhető UX tervek készítése
  • Figma Pluginok – hozd ki a legtöbbet a Figmából
  • Vektorgrafikai alapok és kezelőfelület megismerése
    • Pixeles és vektoros képalkotás
    • File formátumok, mentési lehetőségek
    • Munkaterület megismerése, testreszabása
    • Gyorsbillentyűk testreszabása
    • Rulers, Guides, Smart Guides használata a precíz munkához
  • Eszközök részletes megismerése – projektfeladatokon keresztül
    • Alakzatok
    • Rajz eszközök
    • Kijelölő, transzformációs eszközök
    • Színátmenetek alkalmazása
    • Szöveg eszközök
    • 3D eszközök
  • Ecsetkezelés
  • Rétegkezelés, maszkolás
  • Logókészítés
    • Logó szerepe, típusai
    • Logótervezés szempontjai, menete
    • Logókészítés
  • Arculati kézikönyv létrehozása
  • Projektfeladatok – grafikai elemek megalkotása, testreszabása
  • HTML
    • Szerkezet, elemek részletesen, gyakorlati példákon keresztül
    • Űrlapok készítése, validálása
    • Külső tartalmak beágyazása (pl.: Google Maps, YouTube videó, más weboldalak, stb)
  • CSS
    • Stílusok
    • Animációk
    • Elemek jelentős mértékű személyre szabása
    • Reszponzív design kialakítása flexbox technikákkal
  • JavaScript
    • Interaktivitás hozzáadása a weboldalakhoz
    • Alapvető programozási koncepciók bemutatása és a DOM manipulálása
    • JQuerry elemek integrálása, személyre szabása
  • Bootstrap keretrendszer
    • Hatékony fejlesztési lehetőségek
    • Komponensek és elrendezések készítése minimális erőfeszítéssel
  • Single Column
  • Split Screen
  • Aszimmetrikus Layout
  • Grid
  • Masonry Layout
  • Magazine
  • Boxes
  • Fixed Sidebar
  • Featured Image
  • F-shape Layout
  • Z-shape Layout
  • Fogalmak
  • Domain
  • Webtárhely, hosting – szolgáltatók és csomagjaik, mire figyeljünk
  • Statikus és dinamikus oldalak
  • Kód optimalizálása
  • Közzététel interneten
  • Kiindulunk egy ötletből, cégből, perszónából és végigmegyünk a lépéseken a színpaletta kiválasztásától egészen az élesítésig

Nézd meg milyen weboldalt tudsz összeállítani a képzés végére:

Bemutató weboldal >

Kérdés esetén töltsd ki a fenti űrlapot vagy írj az alábbi email címre: kepzes@perfekt.hu