Webdesigner
tanfolyam

108 óra
|
14 hét
|
134 000 Ft

Képzés nyilvántartásba vételi száma: Weboldal készítési ismeretek alaptanfolyam, E-001582/2017/D012 | Képszerkesztés Photoshoppal, E-001582/2017/D003 | Képalkotás Illustratorral, E-001582/2017/D002

Webdesigner tanfolyam teljeskörű tudást biztosít minden olyan résztvevő számára, aki profi weboldalakat szeretne tervezni minden platformra. A webdesigner tanfolyam a logó tervezéstől, a látványos slidertervezésen át jut el a komplett responsive weboldal létrehozásig. A webdesigner tanfolyamon minden olyan eszköz bemutatásra kerül, amelyek segítéségével képesek leszünk komplett, arculatokhoz igazított, divatos és trendkövető webdesignt létrehozni. Megtanuljuk a képszerkesztés webreoptimalizált módszereit, valamint webergonómiai ismeretek alapján hozunk létre ikonrendszerű, infografikákkal tarkított professzionális responsive weboldal designt.

Adobe Photoshop, Adobe Illustrator, HTML5, CSS3, Bootstrap + Oktatóvideók: Adobe Dreamweaver, Photoshop webtools

Tanfolyamok

Szűrő

Nálunk találsz Tantermi és Online képzéseket is! A helyszínnél tudod kijelölni, hogy melyik számodra a kedvezőbb.
Kérjük számolj azzal, hogy a vírushelyzet függvényében a tantermi képzéseink is online folyhatnak.

Webdesigner tanfolyam - Mit tartalmaz?

0 Ft
0 Ft
0 Ft
Illustrator

158 000 Ft
Photoshop

98 000 Ft

A tanfolyam értéke

256 000 Ft
Csomagkedvezmény:

122 000 Ft

Webdesigner tanfolyam időpontok

A koronavírus helyzetre tekintettel, ideiglenesen online tarjuk képzéseinket!

Összes

A Webdesigner tanfolyam árai bruttó árak! Engedélyezett tanfolyamok esetén az ár ÁFA mentes! 1 óra 45 perces tanórának felel meg!
Kamatmentes részletfizetést biztosítunk minden 60 000 Ft feletti képzésünknél. További információk az információk menüpont alatt találhatók a részletfizetési lehetőségekről.

Becsatlakozási lehetőség! Tanfolyamtól függően lehetőséget biztosítunk a közelmúltban indult tanfolyamainkba való becsatlakozásra. Kérjük érdeklődjön telefonos, vagy e-mailes elérhetőségeinken!

Webdesigner tanfolyam - Tematika

Photoshop - Webdesigner tanfolyam modul - Szeged

Bevezetés

Raszter- és vektorgrafika fogalma, különbségei
Képfelbontás magyarázat
Színmódok ismertetése
Rasztergrafikus képformátumok áttekintése
Photoshop történelem

A program felületi bemutatása

Kezelő felület
Eszközök
Paletták
A munkaterületek kezelése, egyedi munkakörnyezet kialakítás
Gyorsbillentyűk konfigurálása

Dokumentum és képkezelés

Dokumentum típusok
Új dokumentum beállításai, sablonok létrehozása
Nézetek és nagyítások, képernyőmódok (normal, quickmask)
Műveletek képekkel
- Kép méret
- Vászon méret
- Elforgatás, tükrözés
- Transzformáció
- Színmód váltás
- Képi korrekciós lehetőségek
- Színcsatorna beállítások

Eszközkezelés

Transzformáció
Kijelölő eszközök
Retusáló eszközök
Webes eszközök
Ecsetek, radírok, ceruzák
Vektoros eszközök
Szöveg eszközök
3D eszközök

Rétegkezelés

Réteg típusok áttekintése
Rétegsorrendek
Rétegek csoportosítása
Új réteg létrehozása
Láthatóság és lezárás
Korrekciós rétegek
Rétegmaszkok
Réteg stílusok és effektek
Rétegek egyesítése
Csatornák bemutatás
Path-ok bemutatása

Szűrők

Filter Gallery bemutatása
Egyedi szűrők ismertetése
Összetett szűrők alkalmazása
Fény beállítások szűrők segítségével
Retusáláshoz használt szűrők ismertetése (Kibontás)

Eszközök speciális használata

Egyedi ecsetek definiálása
- Ecset dinamika beállítása
- Egyedi ecsetek felhasználása más ecset alapú eszközöknél
Egyedi mintázatok használata
- Egyedi mintázatok használata a bélyegző eszközöknél
Összetett kijelölések
- Kijelölés path-ból
- Több kijelölés összerendelése
- Kijelölések a filterek használatával
  - Haj kiemelése a háttérből
Egyedi alakzatok definiálása
- Kijelölés létrehozása egyedi alakzatokból

Retusálási folyamatok

Retusálás korrekciós rétegek segítségével
Retusálás maszkok és history panel együttműködésével

3D elemek használata

Képek hajlítása 3D objektumokra
3D objektumok transzformációja
3D Effektek bemutatása

Web eszközök ismertetése

Web fotógaléria készítés
Slice-ok használata
Képek webre optimalizálása

Publikálás

Export formátumok a felhasználási területeknek megfelelően
PDF multipage és prezentáció létrehozása
Nyomdai előkészítési beállítások

Illustrator - Webdesigner tanfolyam modul

Bevezetés

Vektorgrafika fogalma
Vektor és rasztergrafika különbségei
File formátumok áttekintése
Tipográfiai alapismeretek

A program kezelőfelülete

Eszközök
Paletták
Munkaterület testreszabása
Gyorsbillentyűk testreszabása
Vonalzók és rácsok használata
Nagyítási beállítások

Eszközök ismertetése

Kijelölő eszközök
Transzformációs eszközök
Rajz eszközök
3D eszközök
Szöveg eszközök
Alakzatok
Színkitöltés és színátmenet eszközök

Library-k használata

Grafikák
Ábrák
Effektek
Beépített szimbólumok
3D szimbólumok

Ecsetkezelés

Ecsetdinamika
Egyedi ecsetek
Színdinamika
Szórás beállítások
Dual brush beállítások

Szűrők áttekintése

Torzítások
Ecsetszűrők
Pixelmanipulációk
Egyéb filterek

Nyomdai beállítások

Publikálási beállítások
Formátumok
PDF export beállítások
Színmód beállítások

HTML5 és CSS3 - Webdesigner tanfolyam modul

HTML5

HTML, HTML5 ismertetése
W3C
HTML felépítése
HTML nyelvi elemei
- címkék, üres címkék, attribútumok
DTD
Hivatkozási formák
- relatív, abszolút
Tartalmi elemek
Meta adatok, információs elemek
Osztályok és azonosítók HTML-ben
Tárolók, szemantikus elemek
iframe – Weboldalon weboldal
- Google Térkép beágyazása
Űrlapok, beviteli mezők

CSS3

CSS ismertetése
CSS szintaxisa
Szelektorok
Képek úsztatása
Doboz modell
Osztályok és azonosítók CSS-ben
DOM
Elemek elrendezése
- block, inline, flex, grid
Elemek pozicionálása
- static, fixed, absolute, relative, sticky
Reszponzív megjelenés
Mobile First szemlélet
Media query-k
Nyomtatási kép
Áttűnések és animációk

• Keretrendszer fogalma

• Bootstrap használata

• Rácsrendszer

o Reszponzív megjelenés

• Szövegformázások

• Bootstrap elemek

o Kártyák

o Táblázatok

o Képek

o Listák

o Jumbotron-ok

o Alert és egyéb üzenetek

o Betöltőjelzők

o Képváltók

o Rácsok

o Legördülőmenük

o Navigációk

o Modális ablakok

Dreamweaver - Webdesigner tanfolyam modul

Bevezetés

Weblap típusok ismertetése
Statikus weboldalak és a leíró nyelvek szerepe
W3C szerepe a nyelvek kialakulásában
DTD alapfogalmak
XHTML alapok
CSS alapok

A program kezelése

A kezelő felület ismertetése
Objektum paletta ismertetése
Properties paletta ismertetése
Egyéb paletták ismertetése
Munkafelület használata és egyedi munkafelület kialakítás (saját menü létrehozása az objektumpalettán)

Site kezelés

Új site létrehozása
Site beállítások
Site management
Site export és import
Távoli szerver konfigurációs lehetőségek

Weboldal beállítások

Page properties ablak bemutatása
- Háttér, margók
- Betűtípusok, színek
- Link beállítások
- DTD és karakterkészlet beállítások
- Modellkép beállítása

Tartalomkezelés

Táblázatok
DIV-ek (Rétegek)
Linkek létrehozása
Szöveg formázások
Tördelés

Képi objektumok

Kép helyfoglalók (Image Placeholders)
Képek
Hotspotok
Rollover Image

Média objektumok

Flash animáció beágyazása
Flash videó beillesztése
ActiveX objektumok
Java obejktumok
Hang beillesztések

Űrlapok létrehozása

Űrlap elemek
Űrlap érvényesítések

Viselkedések

Aktív Javascript objektumok bemutatása
Réteg Effektek
Tulajdonság manipuláció
Felugró ablakok
Pozíció manipuláció

Bővítmények

Bővítménykezelő bemutatása
Telepítés
Eltávolítás
Lelőhelyek áttekintése

repsonsive design, grid rendszer: Tartalom és funkció tervezés több eszközre.
komponensek: design elemek tipizálása és verziózása
front end barát tervezés alapelvek

A szegedi Webdesigner tanfolyamot elsősorban grafikusoknak ajánljuk, akik profi, a mai trendet követő weboldalt szeretnének tervezni. Az érdeklődők, akik felkeresik weboldalunkat, nem csak a tartalmat fogják nézni, hanem a külalakot is és a rengeteg hasonló cég közül lehet, hogy pont azért választanak minket, mert a weboldal megjelenése is megnyerő számukra. Ezért nem mindegy hogy a tartalom, a képek, a menü hol helyezkednek el, milyen színeket használunk, vagy milyen logót tervezünk. A szegedi Webdesigner tanfolyamot az Adobe Photoshop modullal kezdjük, ami a legismertebb rasztergrafikus képszerkesztő program. A szegedi Webdesigner tanfolyam második része az Adobe Illustrator, vektorgrafikus tervező program. Ezt követően a HTML5 és a CSS3 bemutatása következik, majd az Adobe Dreamweaver HTML szerkesztő programmal zárjuk a szegedi Webdesigner tanfolyamot.