Webdesigner Wordpress modullal tanfolyam

A vállalkozások egyik legfontosabb online megjelenési formája a weboldal, amely gyakran az első benyomást nyújtja a látogatóknak. Egy korszerű, esztétikus és felhasználóbarát weboldal kulcsfontosságú a bizalomépítésben és a vásárlási döntések befolyásolásában. Ebben meghatározó szerepe van a jól megválasztott dizájnnak, a reszponzív (mobilbarát) kialakításnak, valamint az átgondolt vizuális megjelenésnek.

Webdesigner képzésünkön megtanítunk a modern webes trendekre, a mesterséges intelligencia kreatív alkalmazására, és a grafikai tervezés alapjaira (webdesign, arculattervezés, logótervezés).
Kiemelt hangsúlyt fektetünk arra is, hogy a résztvevők WordPress alapokat is elsajátítsanak, így a megtervezett dizájnt képesek lesznek saját maguk meg is valósítani élő weboldalként – kódolási előismeretek nélkül.

A képzés nem igényel előzetes szakmai tudást. A tananyagot úgy állítottuk össze webdesigner szakemberek segítségével, hogy azt az alapoktól indulva, logikusan felépítve, elsősorban gyakorlati feladatokon keresztül sajátíthasd el.

Már havi

57.000 Ft-tól Központi elérhetőségeink:
1139 Budapest
Frangepán utca 3.
Telefon: 06-70-604-2060
E-mail:
 

Webdesigner tanfolyam Wordpress modullal időpontjai

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.

🎁 Szerezd meg most a 35.000 Ft kedvezményed a Webdesigner Wordpress modullal tanfolyamra!

Töltsd ki a kérdőívet 2 perc alatt, és megajándékozunk egy 10%-os kuponkóddal, amit a képzés díjából vonunk le!

Oké, vágjunk bele!

Webdesigner tanfolyam Wordpress modullal alapadatai

  • Képzés pontos megnevezése: Webdesigner tanfolyam Wordpress modullal
  • Tanfolyam végét igazoló dokumentum: tanúsítvány
  • Iskolai végzettség: nem feltétel
  • Szükséges előismeretek: készségszintű operációs rendszer (pl. Windows) ismeretek
  • Tanfolyam helyszíne: Online, vagy 1139 Budapest, Frangepán utca 3.

Képzési kedvezmények, részletfizetés

  • RUANDER Klub kedvezmény - 10%
  • Álláskereső kedvezmény - 10%
  • Diákkedvezmény - 10%
  • Kismama kedvezmény - 10%
  • Kamatmentes részletfizetési lehetőség: Részletek >

Webdesigner tanfolyam Wordpress modullal címszavakban

1. Alapok és Elmélet

  • Színek használata – Hogyan válassz színeket, amik jól működnek együtt?
  • Betűtípusok (Tipográfia) – Milyen betűket válassz, hogy a weboldalad jól olvasható és szép legyen?
  • Webdesign stílusok – Modern, letisztult, vagy kreatív megjelenés? Melyiket és hogyan használd?
  • Képek és grafikák – Mi a különbség a pixel- és a vektorgrafika között? Mikor melyiket használjuk?
  • Képformátumok – Miért elavult a JPG és PNG? Mit használj helyette?
  • Elrendezések – Hogyan helyezd el a tartalmat az oldalon úgy, hogy könnyen érthető és szép legyen?

2. Felhasználóbarát tervezés

  • Igényfelmérés (UX brief) – Hogyan derítsd ki, mire van szüksége a weboldal látogatóinak?
  • Webergonómia – Hogyan tervezd meg az oldalt, hogy könnyen kezelhető legyen?
  • Űrlapok és interakciók – Egyszerűen kezelhető adatbekérés a felhasználóktól.
  • Drótvázak (Wireframe-ek) – Az oldal vázlatos terve, ahol már látszik, mi hol lesz.
  • Interaktív prototípusok – Kattintható, próbálható tervek készítése.

3. Arculattervezés

  • Logótervezés – Hogyan készíts egyszerű, könnyen megjegyezhető logókat?
  • Arculati kézikönyv – Egységes megjelenés minden online és offline felületen.
  • Moodboard – Inspirációs anyagok gyűjtése a megfelelő stílushoz.
  • Felhasználói felület (UI) tervezése – Menük, gombok, űrlapok és egyéb interaktív elemek.
  • Bannerek készítése – Figyelemfelkeltő reklámképek készítése.
  • Képek előkészítése – Hogyan optimalizáljuk a képeket, hogy gyorsan betöltődjenek?
  • Reszponzív tervezés – Weboldalak, amik minden eszközön (mobil, tablet, PC) jól néznek ki.

4. Weboldal készítése

  • HTML és CSS alapok – A weboldalak tartalmának és kinézetének létrehozása.
  • Bootstrap – Egyszerűen használható keretrendszer, amellyel reszponzív oldalakat készíthetsz.
  • Bootstrap extra funkciók – Mikroeffektek és látványos mozgások, mint például parallax hatások.
  • WordPress weboldalak – Hogyan készíts egyszerűen kezelhető blogokat, céges oldalakat vagy webáruházakat?

5. Weboldal publikálása

  • Domain és tárhely – Hogyan kerül az oldalad az internetre?
  • Biztonsági beállítások – Mire figyelj, hogy biztonságban legyen az oldalad?

6. Szoftverek, amiket használni fogsz:

  • Adobe Photoshop és Illustrator (képfeldolgozás, grafikai tervezés)
  • Figma (UI, drótvázak, látványtervek, interaktív prototípusok készítése)
  • NetBeans IDE (HTML és CSS szerkesztés)
  • WordPress (weboldalak könnyű létrehozása és kezelése)

Webdesigner tanfolyam Wordpress modullal részletes tematika

Színtan

  • Színek jelentése, színpszichológia
  • Színkör és színháromszög
  • Színharmóniák:
    • Komplementer színek (hideg – meleg, fény – árnyék)
    • Analóg színek
    • Monokróm színek
    • Osztott komplementer
    • Harmonikus hármas színhangzat
  • Színkeverés
  • Színmódok, színterek:
    • RGB
    • HSB
    • CMYK
  • Színpaletták készítése „hagyományos” úton és MI-vel
  • Színek a webdesignban
  • Kultúrafüggő konnotációk
  • Webes hagyományok

Tipográfia

  • Tipográfia célja
  • Betűcsaládok, betűtípusok
  • Betűalak, betűkép, betűtulajdonságok
  • Mértékrendszer
  • Web safe fontok
  • Webes tipográfia szabályai
  • Lorem Ipsum
  • Szövegegységek
  • Nyugodt és dinamikus layout
  • Formázás:
    • Címsorok
    • Bekezdések
    • Kiemelések
    • Hivatkozások, linkek
    • Felsorolások, listák
  • Font formátumok
  • Font telepítése

Képek

  • Pixeles és vektoros képalkotás (Mikor? Melyiket?)
  • Fájlformátumok és tulajdonságai (előnyök, hátrányok)
  • Szerzői jogok
  • Képforrások
  • Webháttér videók
  • Ikonok
  • Képalkotás MI-vel

Webdesign stílusok és stílusjegyek

  • Flat
  • Metro
  • White space
  • Minimál
  • Magazin
  • Sales
  • Retro
  • Illusztrációs
  • Material
  • Grunge
  • Dark
  • Classic
  • Parallax

Koncepcionálás

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

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 Responsive Layout
  • Fluid (Liquid) Responsive Layout
  • Masonry Layout
  • Grid System

Webergonómia

  • 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ó
  • Design
  • Multimédiás tartalom
  • Akadálymentesítés

Reszponzív oldalszerkezetek

  • Single Column
  • Split Screen
  • Aszimmetrikus Layout
  • Grid
  • Masonry Layout
  • Magazine
  • Boxes
  • Fixed Sidebar
  • Featured Image
  • F-shape Layout
  • Z-shape Layout

Photoshop: alapok

  • Munkaterület
  • Beállítások
  • Rajzeszközök
  • Kijelölések
  • Transzformációs műveletek
  • Paletta készítése, importálása, exportálása
  • Guides
  • Brush-ok készítése, készlet importálása, exportálása
  • Maszkolás:
    • Shape Mask
    • Layer Mask
  • Szűrők

Photoshop webdesign

  • Képek előkészítése webre:
    • Képkorrekciós műveletek
    • Retusáló eszközök
  • Moodboardok szerepe, alkotóelemei
  • Moodboardkészítés
  • Bannerkészítés

Figma: alapok

  • Page és Frame beállításai
  • Alapvető kezeléstechnika
  • Layoutok
  • Toolok
  • Layerek
  • Pluginok
  • Stílusok létrehozása

Figma webdesign

  • User Interface (UI) szerepe, alkotóelemei
  • UI elemek állapotai
  • UI tervezés
  • Grid System
  • Drótvázak (Wireframe) készítése
  • Fejléc, lábléc elemei
  • Ikonok, közösségi ikonok
  • Reszponzív honlaptervek készítése
  • Prototípus készítése

Illustrator: alapok

  • Alakzatok
  • Szegély- és kitöltő szín
  • Szegély beállításai
  • Színátmenetek
  • Átlátszóság
  • Rulers, Guides, Smart Guides
  • Rétegkezelés
  • Artboards
  • Transzformációs műveletek
  • Igazítás
  • Shape Modes
  • Pathfinders
  • Szöveg és beállításai
  • Pen Tool
  • Effektek
  • Offset Path
  • Clipping Mask
  • Compound Path
  • Mentés és exportálás lehetőségei

Illustrator: arculattervezés

  • Logó szerepe, típusai
  • Milyen a jó logó?
  • Logótervezés szempontjai, menete
  • Logoterv ötletek MI-val
  • Logókészítés
  • Kisarculati elemek
  • Mockupok
  • Arculati kézikönyv

HTML és CSS

  • Html dokumentum szerkezete
  • Címformátumok
  • Bekezdések
  • Betűstílusok
  • Felsorolások, listák
  • Linkek, hivatkozások
  • Képek
  • Videók
  • Űrlapok, és űrlapelemek
  • Külső tartalmak beágyazása:
    • Google Map
    • Google reCaptcha
    • Youtube videó
    • Facebook közösségi elemek
  • Karakterformázás:
    • Betűtípus
    • Betűméret
    • Szín
    • Stílusok
  • Bekezdésformázás:
    • Igazítás
    • Sorköz
    • Térköz
  • Háttérszín, színátmenetek, háttérkép
  • Keretek, szegélyek, lekerekítések
  • Külső és belső margók
  • Konténerek
  • CSS Media Query

Bootstrap: alapok

  • Színek
  • Szöveg formázása
  • Grid System
  • Komponensek:
    • Accordion
    • Alert
    • Button
    • Card
    • Carousel
    • Modal
    • Stb…
  • Menük:
    • Egyszerű reszponzív menü
    • Morzsamenü
    • Sticky menü
    • Offcanvas Menu
    • Multi Navbar
  • Web 3.0-ás technikák:
    • Offset border
    • Content rotate
  • Whitebox Gallery
  • Slider
  • toTop
  • Cookie banner
  • Mikroeffektek (Fade in overlay, Hover zoom, Counter, stb.)
  • Parallax technikák

Bootstrap: weboldalkészítés

  • Egy összetett feladat elkészítése

Mesterséges Intelligencia (MI) a webdesignban

  • MI előnyei és korlátai
  • Képalkotás MI-val
  • Moodboard ötletek MI-val
  • Látványterv ötletek MI-val
  • Background videók MI-val
  • Logoterv ötletek MI-val
  • MI-val támogatott HTML kódolás

Általános informatikai alapok

  • Fogalmak (http, https, ip-cím, domain)
  • Számítógép felépítése
  • Hálózati alapismeretek: „hogyan működik az internet?”
  • Statikus és dinamikus weboldalak

WordPress: alapok

  • Tartalomkezelő rendszerek (CMS)
  • Fejlesztőkörnyezet telepítése és beállítása
  • WordPress telepítése
  • Általános beállítások áttekintése
  • Felhasználókezelés, szerepkörök testre szabása
  • Tartalmak generálása és szerkesztése
    • Classic editor vs. Block editor
    • Bejegyzések és hozzászólások kezelése (blog)
    • Képek és linkek elhelyezése
    • Videó feltöltése és beillesztése
    • Médiatár
    • Statikus oldalak készítése
    • Kategóriák és címkék kezelése
    • Hivatkozások kezelése
  • Szükséges és hasznos bővítmények (plugins)
  • Sablonok
    • Sablonok telepítése, módosítása, testre szabása
    • Sablon hierarchia
    • HTML- és CSS-elemek azonosítása: Böngészők fejlesztői eszközei
  • Menü létrehozása, beállításai
  • Tartalmak építése Elementorral
  • Widgetek
  • Eszközök
  • Biztonsági mentés lehetőségei
  • A WordPress frissítése és karbantartása

WordPress: weboldalkészítés

  • Blog oldal létrehozása
  • Céges portfólió oldal készítése
  • Webshop készítése
    • Woocommerce telepítése és beállítása
    • Adók, zónák, szállítási módok
    • Fizetésmódok (bankkártyás fizetésmód)
    • Kategóriák, termékek (egyszerű, virtuális, letölthető, variálható)
    • Csomagpontok
    • Rendelések kezelése
  • Többnyelvű honlap
  • Keresőoptimalizálási beállítások (SEO)
  • Biztonságtechnikai megoldások

Tippek és trükkök, további hasznos bővítmények

  • Képek és forráskód optimalizálása
  • Weboldalak gyorsítása
  • Süti banner készítés
  • Admin beléptető felület elrejtése egyedi url cím alá
  • Sablonok nyelvi fordítási hibáinak javítása
4.9 Kiváló 424 vélemény

Neked ajánljuk még

Miért gyere hozzánk

Résztvevői elégedettség mellett további 3 érv szól mellettünk

Rugalmas ügyfélszolgálat

Rugalmas ügyfélszolgálat

Munkatársaink készséggel támogatnak, hogy a legjobb döntést hozhasd meg. Az igényeidre és céljaidra legmegfelelőbb képzést fogjuk csak javasolni számodra. Képzéseink között számos egymásra épülés segíti, hogy a kezdeti tudásodnak megfelelő lépcsőről indulva juss a csúcsra.

Napi tevékenység mellett is

Napi tevékenység mellett is

Időpontjaink szervezésénél figyelembe vesszük, hogy képzéseink munka vagy iskolai tevékenység mellett is elvégezhetőek legyenek hétköznapi és hétvégi időbeosztás szerint. A tantermi képzések mellett az online szervezés is nagy segítségedre lehet, hogy megspórold az utazással járó időt és fáradtságot.

Prémium képzések neked

Prémium képzések neked

Gyakorlatorientált képzéseink keretében igyekszünk az optimális óraszámok mellett a maximumot nyújtani neked úgy, hogy pénztárcabarát legyen számodra. Részlefizetési konstrukciókkal, képzési hitel lehetőséggel és igénybe vehető kedvezményekkel támogatunk céljaid elérésében.

Tantermi képzés előnyei Online képzés előnyei

Tantermi képzés előnyei

A hagyományosan megszokott módon iskolánkban megtartott órákon vehetsz részt. A képzés ideje alatt személyesen tudsz kérdezni a képzésen résztvevő oktatótól. Ennek a képzési formának akkor van előnye számodra, ha jobban bízol a személyes előadás varázsában és a kölcsönös kommunikáció közvetlenebb formájában. Az oktatóterem atmoszférája jobban ráhangolhat az előadásra fókuszálni.

Online képzés előnyei

A tantermi képzésekkel ellentétben az oktatás online kapcsolat segítségével zajlik, de azonos módon valós időben. Tehát az online képzés keretében élő közvetítésben veszel részt, ahol lehetőséged van kérdezni az oktatótól. Nagy előnye ennek a képzési lehetőségnek, hogy megspórolhatod vele az időigényes közlekedést, illetve a saját otthonod kényelmét élvezheted az órák alatt.

Elmesélem, hogy miért jó nálunk tanulni

Türelmes, szakképzett oktatók

Türelmes, szakképzett oktatók

Folyamatosan figyelemmel kísérjük a képzésen résztvevőink igényeit és a munkaerőpiac folyamatosan változó elvárásait. Ennek köszönhetően oktatóink számára is megadjuk a támogatást, hogy számodra is a legtöbbet nyújthassák.

Innovatív oktatás

Innovatív oktatás

A jelenlegi oktatási platformok komoly átalakuláson mentek át az elmúlt években. Büszkén kijelenthetjük, hogy mind a tantermi, mind az online oktatásban nyújtott minőségünk a legkorszerűbb szemléletek és igények mentén fejlődik.

Profi eszközök

Profi eszközök

Átadható tudásunk mellett a technikai eszközök használatában is megteszünk mindent, hogy profi minőséget biztosítsuk számodra és képzéseinken való részvételed problémamentes és élvezetes legyen.

Foglalj helyet nálunk

Képzéseinket modern és kényelmes környezetben élvezheted.

Gyakori kérdések a tanfolyammal kapcsolatban

Meddig lehet jelentkezni az adott tanfolyami időpontra?

Az indulás előtt legkésőbb 1 héttel várjuk a jelentkezéseket. De ha sikerült eldöntened, hogy szeretnél részt venni a képzésen, akkor célszerű minél hamarabb leadni a jelentkezésed, mert előfordulhat, hogy betelik a csoport létszáma.

Van lehetőség részletfizetésre?

Természetesen van lehetőség részletfizetésre. A mértéke az időbeosztástól függ. 1 hónapnál hosszabb tanfolyamoknál havi kamatmentes részletfizetésre van lehetőség.

Hogyan kell fizetni a részleteket?

A havi részleteket minden hónap végig kell befizetni. Ezt megteheted az ügyfélszolgálatunkon készpénzben vagy bankkártyával, de ha szeretnéd, akkor választhatod az átutalást is.

Mi történik, ha nem tudok részt venni egy órán? Hogyan tudom pótolni?

Amennyiben van más futó tanfolyamunk, akkor ott pótolhatod, vagy az oktató elküldi mit vettek azon a napon, amikor nem voltál.

Kapunk-e jegyzetet, tankönyvet?

Elektronikusan letölthető jegyzeteket fogsz kapni. Ehhez a hozzáférést az első oktatási napon kapod meg. A jegyzetek díja benne van a képzés díjában.

Mennyire gyakorlatias a képzés?

Gyakorlatorientált képzéseket tartunk, így könnyen el tudod sajátítani az ismereteket. Otthoni gyakorlás is ajánlott.

Itt vagyunk

Az Árpád híd közelében vagyunk. Itt áll meg a 3-as metró, az 1-es villamos, illetve az alábbi buszok is: 26-os, 32-es, 34-es, 106-os. Az utcán parkolásra is van lehetőség, melynek a díja 450 Ft/óra.