Webdesigner tanfolyam

2019.03.25. - 2019.06.26.
H.,Sze.
17:00 - 20:15
14 hét (100 óra)
2019.05.19. - 2019.08.25.
V.
09:00 - 16:00
15 hét (100 óra)
2019.07.15. - 2019.07.31.
H.,K.,Sze.,Cs.,P.
09:00 - 16:00
3 hét (100 óra)

Más időpont érdekelne Kérdésem lenne a képzésről

Webdesigner tanfolyam rövid jellemző leírása

Van, aki ügyesen mozog a programozás világában, van, akinek a szerkezeti elemek átlátása az erőssége, és van olyan is, akinek különösen jó szépérzéke van.  A webes világ ezért nagyszerű, mert mindenki megtalálhatja magának azt a területet, amiben ki tudja teljesíteni a saját elképzeléseit. A Webdesigner tanfolyam során a résztvevők elsajátítják azokat az ismereteket, amelyek ahhoz szükségesek, hogy az adott weboldalon minden tartalom olyan stílusban és kinézetben jelenjen meg, amivel a legmegfelelőbben tudják megszólítani a célközönséget. A képzés során rendszerezni fogják a tartalmi elemeket, azok elhelyezését, hogy minél jobban előtérbe kerüljenek a fontos információk. A jó webdesigner a weboldal hangulatával, használati lehetőségeivel és kinézetével ösztönözni tudja a látogatókat, hogy azok ne csak érdeklődők legyenek, hanem fogyasztók, vásárlók is. Ezen kinézeti elemek megvalósításához az Adobe programcsomag Photoshop és Illustrator programjait hívják segítségül.

Tanfolyam adatai

Nyilvántartásba vételi szám:
E-000069/2013/D006
Tanfolyam díja:
119.000 Ft (áfamentes)
Tanfolyam vizsgadíja:
0 Ft
Tanfolyam óraszáma:
100 óra
Tanfolyam végét igazoló dokumentum:
tanúsítvány
Tanfolyam helyszíne:
1139 Budapest, Frangepán utca 3.

A tanfolyam megkezdésének feltételei:

Iskolai végzettség:
nem feltétel
Szakmai végzettség:
nem feltétel
Szükséges előismeretek:
készségszintű operációs rendszer (pl. Windows) ismeretek

Tantermeink képekben

Tanterem 1
Tanterem 2
Tanterem 3
Tanterem 4
Tanterem 5
Tanterem 6
Tanterem 7
Tanterem 8
Tanterem 9

Webdesigner tanfolyam tematika

01 Tipográfia

  • Betűtípusok, betűcsaládok
  • Betűalak, betűkép
  • Mértékrendszer
  • Elemek és fogalmak
  • Mikrotipográfia
  • Betűtulajdonságok
  • Bekezdéstulajdonságok
  • Szövegegységek
  • Nyugodt vs. dinamikus layout

Gyakorlat: egyszerű betűeffektek Photoshopban
retrókontúr / 3D + tükröződés / fába gravírozott betűk / csillámbetűk / graffiti / lángoló betűk / aranybetűk / break-effekt

02 Színek

  • Színterek: RGB, HSB, CMYK
  • A digitális színkör
  • Szomszédos színek, monokrómia
  • Színkontrasztok (komplementer-, hideg-meleg, minőségi, sötét-világos és színes-színtelen kontraszt)
  • Színpaletták (nyugodt, dinamikus, stb.)
  • Hasznos eszközök
  • Színek és szöveg
  • Színpszichológia és kultúrafüggő konnotációk

Feladat: színpaletta és változatok létrehozása adott design-vezérelvhez

03 Layout

  • Szerkesztési elvek (háttér-előtér, térköz és hasonlóság, zártság, a ’közös sors’, a ’jó folytatás’, hangsúly)
  • Kontrasztok: kicsi/nagy, könnyű/nehéz
  • Ritmus és ismétlés
  • Struktúra és permutáció
  • Térbeli elrendezés
  • Aranymetszés
  • Hagyományos weboldalszerkezetek
  • Az oszlopszám, a betű- és a kijelzőméret összefüggései
  • Fixed
  • Liquid (fluid)
  • Hybrid
  • Elastic

Feladat: statikus layout Photoshopban megadott tartalomhoz

04 Koncepcionálás

  • Ki vagy és mid van?
  • Kinek kell?
  • De mi kell neki igazán?
  • Hogy lehet neki eladni?
  • Tartalmi strukturálás és design-elvek

Feladat: brief kitöltése és prezentálása

Feladat: Vázolás papíron

05 Photoshop

  • Kijelölések (geometrikus, színalapú, csatornával)
  • Korrekciók (színek, tónus, geometriai)
  • Retusálás
  • Montírozás
  • Grafika (ecsetszerű eszközök, vektoreszközök, szűrők)
  • Weboldal-elemek
  • Guideguide
  • Workshop: Banner készítése (slicing)
  • Workshop: Weboldal készítése (Layer comps-paletta)
  • Automatizálás

Feladat: felvázolt oldal elkészítése PS-ban

06 Illustrator

  • Pixel- vs. vektorgrafika
  • Vektorok
  • Kijelölés
  • Műveletek formákkal
  • Szerkesztés
  • Effektek
  • Körvonalak
  • „Szabadkézi” eszközök
  • Transzformációk
  • Színek
  • Áttetszőség és maszkok
  • Szöveg
  • Pixelgrafikák és textúrák
  • Szimbólumok
  • Workshop: Logó készítése és exportja
  • Workshop: Weboldal készítése
    • színkezelés
    • weblap felépítése
    • mockup / wireframe
    • szeletelés
    • mentés webre
    • méretoptimalizálás
  • CSS-export
  • SVG-export
  • HTML5-canvas export

Feladat: banner készítése

07 Webergonómia

  • „Ne törd a fejem!”
  • Az elképzelt és a valóságos weboldalhasználat
  • A hirdetőtáblák kiskátéja
  • Szövegek redukálása
  • A navigáció
  • A kezdőlap
  • Használhatósági teszt
  • Akadálymentesítés
  • Oldaltervezés
  • Tartalomtervezés
  • Laptervezés

08 Responsive oldalszerkezetek

  • Reflowing Layouts
  • Equal Width
  • Off Canvas
  • Source-Order Shift
  • Lists
  • Grid Block

09 A responsive webdesign egyéb problémái

  • Tipográfia
  • Médiumok (képek, videó, térkép)
  • Megoldások navigációra
  • Megoldások táblázatokra
  • Űrlapok
  • Nagyfelbontású kijelzők
  • Modulok (körhinta, tabek, harmonika, üzenet a weblapról, lightbox)
  • Feltételes betöltés
  • Bootstrap
  • Modernizr E

10 Webtechnológiák

  • Domain-név és tárhely
  • Szolgáltatók és csomagjaik
  • Statikus és dinamikus oldalak
  • Fogalmak
  • A webböngésző
  • Áttekintés: kijelölőnyelvek (HTML, XML, CSS)

11 Dreamweaver

  • Dokumentum-kezelés
  • Site-kezelés
  • Elemek beillesztése (képek, médiumok, táblázatok, űrlapok)
  • CSS-szerkesztő
  • JavaScript-keretrendszerek: Behaviors, Spries, Snippets
  • Tesztelés és közzététel

A tanfolyamokat indítani a fentebb kiírt tervezett időpontokban megfelelő létszám esetén tudjuk, ennek hiányában a tervezett kezdési időpontot későbbi kezdésre módosítjuk.