Webfejlesztői fogalomtár
A weboldalak tervezése és fejlesztése szerteágazó világ, tele különféle technikai fogalmakkal és terminológiával. Ez a webfejlesztői fogalomtár arra szolgál, hogy a fogalmakat közérthetően elmagyarázzam.
Akár éppen saját weboldaladat készíted, vagy csak érdeklődő vagy a témában, remélem, hogy ez a fogalomtár segítségedre lesz az utad során.
-Webfejlesztés alapfogalmai-
HTML (HyperText Markup Language)
Az HTML az internetes tartalmak strukturálására használt nyelv. Ez a nyelv határozza meg az oldalak szerkezetét és tartalmát, például címeket, paragrafusokat, képeket és linkeket.
CSS (Cascading Style Sheets)
A CSS egy nyelv, amely a HTML elemek megjelenését és formázását határozza meg. Segítségével stílusokat, színeket, elrendezéseket és egyéb vizuális jellemzőket adhatunk az oldalaknak.
Reszponzív design
A reszponzív design olyan weboldal tervezési módszer, amelynek célja, hogy az oldalak megfelelően és esztétikusan jelenjenek meg különböző eszközökön és képernyőméreteken, például asztali gépeken, tableteken és mobiltelefonokon.
Cookie (magyarul süti)
A cookie-k kis szöveges fájlok, amelyeket a weboldalak a böngésződbe helyeznek el. Ezek az információk segítenek az oldalaknak megjegyezni a felhasználói preferenciákat és tevékenységeket.
GDPR (General Data Protection Regulation)
Az GDPR az Európai Unió adatvédelmi és adatkezelési szabályozása. Célja, hogy védelmet nyújtson az egyének személyes adatainak véletlen vagy jogellenes feldolgozása, illetve az adatok jogellenes elvesztése ellen.
SSL tanúsítvány (Secure Sockets Layer)
Az SSL tanúsítvány egy digitális aláírás, amely biztonságos kapcsolatot tesz lehetővé a weboldal és a felhasználó között. Ez a tanúsítvány segít az adatok titkosításában és védelmében az internetes adatátvitel során.
URL (Uniform Resource Locator)
Az URL az internetes címeket jelöli, amelyek egyértelműen azonosítják az internetes tartalmak helyét. Az URL-ek segítenek a felhasználóknak és a webböngészőknek megtalálni és megjeleníteni a kívánt tartalmakat az interneten.
-Webdesign fogalmak-
UI (User Interface)
A UI a felhasználói felület tervezésének folyamata, amelynek célja az, hogy az emberek könnyen és hatékonyan tudjanak interakcióba lépni egy weboldallal vagy alkalmazással. Röviden “weboldal látvány”.
UX (User Experience)
A UX a felhasználói élmény tervezésének folyamata, amely arra összpontosít, hogy az emberek hogyan élik meg és értékelik az interakciót egy weboldallal vagy alkalmazással. Ide tartozhat például, hogy egy weboldalon elhelyezett gomb mérete megfelelő-e, megtalálja-e a felhasználó, vagy hogy a gomb szövege alapján egyértelmű-e a felhasználónak, hogy mi fog történni, ha kattint.
Negatív tér
A negatív tér a webdesign nyelvén azt az üres teret jelenti, amely körülveszi az elemeket. A megfelelő negatív tér használata segíthet kiemelni a fontos tartalmi elemeket és javíthatja az olvashatóságot.
Fejléc
A fejléc a weboldal vagy az alkalmazás felső része, amelyen megtalálható a logó, a navigációs menü és egyéb fontos információk.
Lábléc
A lábléc a weboldal vagy az alkalmazás alsó része, amelyben gyakran megtalálhatók a linkek, a kapcsolatfelvételi információk, a jogi nyilatkozatok és egyéb tartalmak.
Hero section
A hero section a weboldal első, kiemelt területe, amelyben gyakran egy nagy méretű kép vagy videó és egy fontos üzenet található. A weboldalra látogatáskor ezzel találkozik először a látogató, ezért minden esetben figyelemfelkeltőnek és egyértelműnek kell lennie.
CTA (Call to Action)
A CTA (magyarul cselekvésre hívás) egy olyan elem vagy gomb a weboldalon vagy az alkalmazásban, amely felhívja a felhasználó figyelmét egy specifikus cselekvésre, például az “Ajánlatkérés” vagy “Regisztráció” gomb.
Menü
A menü egy lista vagy gyűjtemény navigációs elemekről, amelyek segítik a felhasználókat az oldalon való navigálásban.
-Weboldal típusok-
Single page weboldal
Egy single page weboldal egy olyan webhely, amely csak egyetlen hosszú oldalból áll. A felhasználók egyetlen görgetéssel navigálhatnak az oldalon, ahol az összes tartalom és információ egy helyen található meg.
Több oldalas weboldal
A több oldalas weboldal egy olyan webhely, amely több különálló oldalból vagy lapból áll. Ezek az oldalak általában különböző tartalmat és információkat tartalmaznak, és külön-külön elérhetők a navigációs menü segítségével.
Landing oldal
Egy landing oldal egy speciális weboldal, amelyet egy konkrét céllal terveztek és készítettek. Ilyen lehet egy termék vagy szolgáltatás promóciójára, egy eseményre történő regisztrációra vagy egy kampányra való feliratkozásra. A landing oldalak általában egyetlen cselekvésre ösztönöznek. Például az “Ajánlatkérés” vagy “Vásárlás” gomb megnyomására.
Blog
Egy blog egy olyan weboldal, amely rendszeresen frissülő tartalmat, például cikkeket, posztokat vagy bejegyzéseket tartalmaz egy adott témában vagy témákban. A blogok gyakran interaktívak, és lehetőséget adnak a felhasználóknak arra, hogy kommentáljanak vagy megosszák a tartalmat a közösségi médiában. Egy hagyományos több oldalas weboldal is rendelkezhet saját bloggal. Például ez a cikk amit most olvasol is az én szakmai blogom egyik bejegyzése.
A különböző weboldal típusokkal bővebben már egy másik cikkemben is írtam, ezt itt tudod elolvasni.
-Webfejlesztési eszközök és technológiák-
CMS (Content Management System)
A CMS vagy Tartalomkezelő Rendszer egy olyan szoftver, amely lehetővé teszi a weboldalak tartalmának hatékony kezelését és szerkesztését. Segítségével a felhasználók könnyen frissíthetik és módosíthatják a weboldal tartalmát anélkül, hogy programozói ismeretekkel rendelkeznének.
WordPress
A WordPress egy ingyenes és nyílt forráskódú CMS platform, amelyet leggyakrabban blogok és weboldalak készítésére használnak. A WordPress könnyen testreszabható, és számos bővítményt és sablont kínál, hogy az oldalakat az egyéni igényeknek megfelelően alakíthassuk ki.
Bővítmény
A bővítmények olyan kiegészítő alkalmazások vagy modulok, amelyeket egy CMS-hez vagy más webfejlesztési platformhoz lehet hozzáadni annak funkcionalitásának kibővítésére. Például a WordPress-hez számos bővítmény létezik, amelyek segítségével további funkciókat lehet bevezetni, például kapcsolatfelvételi űrlapokat, SEO optimalizációt vagy közösségi média megosztási lehetőségeket.
Sablon
Egy sablon egy előre elkészített dizájnelemeket és elrendezéseket tartalmazó vázlat vagy keret, amelyet a weboldalak gyors létrehozásához lehet használni. A sablonok lehetnek ingyenesek vagy fizetősek, és segítenek abban, hogy a weboldalak gyorsan és hatékonyan készüljenek el anélkül, hogy teljesen az alapoktól kellene megtervezni és lefejleszteni.
-Egyéb hasznos fogalmak-
SEO (Search Engine Optimization)
Az SEO (magyarul keresőoptimalizálás) olyan folyamat, amelynek során egy weboldal keresőbarát módon van optimalizálva annak érdekében, hogy magasabb helyezést érjen el a keresőmotorok találati listáin. Ilyen keresőmotor pl. a Google.
Domain név
Az interneten használt egyedi webcím, amely azonosítja és elérhetővé teszi egy weboldal tartalmát. Például: “www.pelda.hu”.
Tárhely
Az interneten egy weboldalhoz vagy alkalmazáshoz szükséges digitális tárolóhely egy szerveren, ahol a weboldal fájljai, képei és adatbázisai vannak elhelyezve.
Adatvédelem
Az adatvédelem azon elvek és intézkedések összessége, amelyek célja a személyes adatok védelme és biztonsága, különösen az online környezetben.
Google Analytics
Ez egy ingyenes webanalitikai eszköz a Google-től, amely segítséget nyújt abban, hogy mérjük és elemezzük a weboldal látogatottságát és teljesítményét.
Teljesítményoptimalizálás
A teljesítményoptimalizálás folyamata során a weboldal sebességét, válaszidejét és egyéb teljesítménymutatóit javítják annak érdekében, hogy jobb felhasználói élményt nyújtsanak.
Lazy loading
A lazy loading olyan technika, amely lehetővé teszi, hogy egy weboldal tartalma csak akkor töltődjön be, amikor a látogató szeme elé kerül. Például képek vagy videók csak akkor jelennek meg, amikor a felhasználó görget lefelé az oldalon, így csökkentve a betöltési időt.
