Webdesigner tanfolyam
-
Webdesigner tanfolyam bemutatása
Ezen a tanfolyamon a weboldalkészítés grafikus megközelítése áll a középpontban. A képzésen bemutatjuk azok a lépéseket, hogy miként érdemes megtervezni egy modern weboldal megjelenését. Erre az Adobe Photoshop és Illustrator programokat alkalmazzuk. A különböző tervezési minták körüljáráa mellett szó esik az ergonómia és felhasználóbarát felületek fogalmáról is.
Ma már egyre többen használjuk böngészésre a mobil eszközeinket is, így nem is kérdés, hogy a mobilbarát, más néven reszponzív webdesign megismerése kulcsfontosságú eleme a képzésünknek. Bemutatjuk azokat a technikákat, melyekkel bármilyen képernyőméreten és felbontáson látványos weboldal jeleníthető meg.
Ahhoz, hogy résztvevőink a későbbiekben böngészőben működő weboldalakat is készítsenek, áttekintjük az alapvető webtechnológiákat, és bepillantunk a Dreamweaver nevű vizuális szerkesztőbe.
További információk -
További információk
A tanfolyam adatai:
Nyilvántartásba vételi száma: E-000069/2013/D006
Tanfolyam díja: 179.000 Ft
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) ismeretekJó, ha tudod:
Időpontok Érdeklődés
Tanfolyamainkon való részvételed kedvezményekkel és részletfizetési lehetőségekkel könnyítjük. -
Webdesigner tanfolyam tematikája
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-effekt02 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 struktuá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 Flash
Grafika
- A kezelőfelület
- A tulajdonság, igazítás, infó és transzformáció paletták
- Az eszköztár
- A könyvtár
- Színkezelés, blendék
- A View és a Modify menü
- Szórópisztoly
- Térbeli elforgatás
A szimbólumok
- Group
- Graphic
- Interaktív gombok (Button)
- Moziklipp (MovieClip)
Animáció
- A kulcsfázis-technikáról
- Formaanimáció
- Klasszikus animáció
- Kockák és kulcskockák
- Sebesség és framerate
- Animáció vezérlőszinttel
- Maszkolás, maszkanimáció
- Moziklippek (animációk) kombinálása
- A szűrők: vetett árnyék, életlenítő, glória, dombormű, színátmenet
- Mozgásanimáció
- Független animációs paraméterek
- 3D-mozgatás és –forgatás
- Inverz-kinematika (marionett-eszköz)
Bannerek
- Hirdetési rendszerek, méretek
- Banner készítése vektorgrafikákkal és képekkel
- Mitől "természetes" egy animáció: sebességgörbék, motion blur
- Banner készítése Photoshop kompozícióból
Közzététel
- Exportformátumok: SWF, HTML, BMP, JPG, GIF, PNG, MOV, EXE
- Exportálás JavaScript-vezérelt HTML5-canvasbe a CreateJS-szel
- Méretoptimalizálás: közzétételi beállítások
- Letöltés szimulálása
- Import Dreamweaverbe
Feladat: banner készítése
08 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
09 Responsive oldalszerkezetek
- Reflowing Layouts
- Equal Width
- Off Canvas
- Source-Order Shift
- Lists
- Grid Block
10 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
11 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)
12 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
-
Jelenleg a Webdesigner tanfolyam tanfolyamunkon nincs meghírdetett időpont.