Webszerkesztő tanfolyam

  • Leírás
  • Időpontok
  • Tananyag
  • Tudnivalók

A weblapkészítés alapja, hogy tisztában legyünk a weboldalak felépítésével, elrendezésével és keretrendszerével. A Webszerkesztő tanfolyam segítségével egészen az alapoktól sajátíthatod el a HTML és CSS használatát, melyek a weboldal struktúrájához és megjelenéséhez nélkülözhetetlen leírónyelvek. Gyakorlati feladatokon keresztülépítjük fel webszerkesztői ismereteidet, így a tanfolyam végére képes leszel önállóan megtervezni és létrehozni egy modern kialakítású weboldalt.

Ajánljuk a képzést mindazoknak, akik egy új munkakör alapjait szeretnék elsajátítani, azoknak, akik hobbiként tekintenek a területre és azoknak is, akiknek munkáját hasznosan kiegészíthetik a webszerkesztési ismeretek (például saját vállalkozás online megjelenéseinek kezelése, online marketing / marketing szakmaterületek).
Válogass rugalmas élő-online, vagy modern tantermi csoportjainkból!

 

2024-09-17 - 2024-11-14
Oktatási napok, időpontok
kedd, csütörtök
17:00 - 20:15


Időtartam
3 hónap (72 óra)


Ár
152.000 Ft


Oktatás módja
Online
2024-09-21 - 2024-11-23
Oktatási napok, időpontok
szombat
09:00 - 16:00


Időtartam
10 hét (72 óra)


Ár
152.000 Ft


Oktatás módja
Online

Webes alapismeretek

  • Hálózati alapismeretek
    • LAN, MAN, WAN kiterjedésű hálózatok
    • Alkalmazás réteg protokolljai (HTTP, FTP, stb.)
    • Internet alapismeretek, TCP/IP protokoll
    • URL (Unified Resource Locator) az erőforrás pontos helyének meghatározása
    • A weboldalak elhelyezésének lehetőségei
    • Domain és DNS (Domain Name Service) működése
  • Weboldalak működése, elérése, feldolgozásuk lehetőségei

Webszerkesztés

  • Ismerkedés különböző szerkesztőeszközökkel
    • Netbeans
    • Az egyes eszközök összehasonlítása, kinézeti elemzése
  • HTML (Hyper Text Markup Language) leírónyelv megismerése
    • HTML áttekintése, fejlődése
    • HTML leírónyelv alapjai
    • HTML dokumentum részei
    • HTML tag-jei és attribútumai
    • HTML gyakorlati feladatok megoldása
  • HTML szerkezeti felépítésének megismerése
    • Szövegközi elemek (inline) viselkedése
    • Blokkosított elemek (block) viselkedése
    • Címek, listák, bekezdések
    • Képek kezelése
    • Hivatkozások, horgonyok
    • Gyakorlati feladatok
  • HTML szerkezeti elemei
    • Táblázatok létrehozása
    • Táblázat javallat és ellenjavallatok
    • Beágyazott táblázatok
    • Gyakorlati felhasználások
  • Első website létrehozása
    • Fájlok szerkezeti elhelyezése
    • Felépítési szabályok
  • CSS (Cascading Style Sheet)
    • Elemi doboz modell felépítése
    • CSS elhelyezése (külön fájl, HTML head, style attribútum)
    • CSS elhelyezésének javallatai
    • Tag, Id, Class kiválasztók (Selectors) működése
    • Microsite típusú oldalak felépítésének megkezdése:
      • Paper-prototype megtervezése elkészítése
      • HTML5 szemantikus tagoló elemek ismertetése
      • Az elkészített terv alapján a weboldal fő szerkezeti elemeinek elkészítése
      • Microsite típusú weboldal tartalmi elemeinek megszerkesztése
    • Szövegformázások
    • Díszítések stílussal
    • Saját betűkészlet alkalmazása
    • CSS stíluselemek használatával a végleges kinézet kialakítása
    • Microsite publikálása tárhelyre (FTP kezelés)
    • Validálás (HTML, CSS)

Webes grafika

  • Adobe Photoshop pixelgrafikus képszerkesztő megismerése
    • Program alap struktúrája
    • Eszköztárak
      • Eszköztárak
      • Nézetek
      • Paletták
      • Munkaterület
  • Adobe Photoshop gyakorlati felhasználása
    • Használható fájlformátumok (gif, jpg, png, bmp, stb.)
    • Csoportos kép átméretezése egyszerűen
    • Pattern (web hátterek) készítése
    • Képek vágása és optimalizálása webre
    • Gyakorlati feladatok megoldása
    • Színkezelés, színek kiválasztása (color scheme)
    • Képmódosító eljárások (image menüpont)
    • Rétegkezelés
    • Szöveg elhelyezése, betűtípus kiválasztása
    • Gomb elkészítése
    • Honnan szerezhetünk be képeket? (Creative Commons)
    • Képek optimalizálása webre
    • Weboldal képváltó egy elemének elkészítése
    • Rétegstílusok
    • Szűrők
    • Effektek
    • Gyakorlati feladat (weboldal logo feliratának elkészítése)

Webszerkesztés haladó szinten

  • HTML 5 megismerése
    • HTML 5 újdonságai, lehetőségei
    • HTML 5 támogatottsága különböző böngészőkben
    • HTML struktúra kialakítása (fejléc, menü, képváltó, tartalom, lábléc)
    • Fő blokkelemek kialakítása
    • Menü kialakítása (inline-block elemek)
    • Legördülő menü kialakításának elve
  • A JavaScript és jQuery kliensoldali programozásinyelvek alapjainak megismerése
    • JavaScript és jQuery alapok és ismertetés
    • JavaScript és jQuery használata, működése
    • Egyszerűbb JavaScript és jQuery műveletek (színezés, mozgatás és interakció a CSS -sel)
    • jQuery carousel képváltó kiválasztása és beépítése weboldalba
  • Weboldalak helyes kialakítása, SEO (Search Engine Optimization)
    • Keresőmotorok működése manapság
    • Keresőmotorbarát weboldal szerkezet
    • Google webmester eszközök
    • Közösségi oldalak ereje
    • Feketekalap veszélyek áttekintése
  • Komplex statikus weboldal kép váltójának elkészítése
    • jQuery alapú szabadon felhasználható képváltó lehetőségek
    • Camera slider ismertetése
    • Camera slider telepítése és funkciói
    • Képváltó beépítésének buktatói (minőség, informativitás, méret)
    • könnyen beépíthető CSS animációk (animate.css, hover.css)
  • Komplex statikus weboldal – aloldalak
    • Aloldalak típusai
    • Aloldalak (mutációk) elkészítése a főoldal felhasználásával
    • Multimédia elemek beillesztése aloldalakba:
    • Google Maps, Facebook közösségi elemek, YouTube video beágyazása (IFRAME működése)
    • saját hang vagy video beágyazása
    • könnyen beépíthető jQuery alapú eszközök (fitvidjs.com, datatables.net)
  • Reszponzív oldalak kialakítása
    • Reszponzív weboldalak kialakításának elve
    • Weboldal megjelenési helyének kiválasztása media-query használatával
  • Bootstrap
    • Mi ez és mire használjuk?
    • Reszponzív weboldal keret elkészítése
    • BootstrapZero ismertetése, felépítése
    • Használatának főbb előnyei

Webszerkesztés vizsga

  • Elkészített vizsga statikus weboldal leadás, publikálás
  • Értékelés
A tanfolyam adatai:
Nyilvántartásba vételi száma: -
Tanfolyam díja: 152.000 Ft
Tanfolyam vizsgadíja: 0 Ft
Tanfolyam óraszáma: 72 ó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) és szövegszerkesztő (pl. Word) program ismeret

A képzést a RUANDER Oktatóközpont szervezi. Ha részletesebb tájékozatást szeretnél, kérünk keresd fel a weboldalunkat a részletek gombra kattintva.