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!
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
