A webdesign kifejezések azok, amelyeket egy üzletembernek tudnia kell. A webdesign egy weboldal vizuális és funkcionális aspektusainak létrehozásának és rendszerezésének folyamata. Különféle kifejezéseket és fogalmakat tartalmaz, amelyek a weboldal tervezésének és fejlesztésének különböző aspektusait írják le.
A webdesign már régóta létezik, és nem vesztegeti az időt egy összetett, zsargonnal teli nyelv kifejlesztésére. Amint a legkisebb lépést is megteszi a webdizájn világába, hallani fog: „Melyik CMS-t szeretné használni?”, „A hajtás felett vagy a hajtás alatt?”, „Milyen CMS-t szeretne használni?” fix elrendezést szeretne? ", "Milyen webtárhelyet szeretne használni? ” és azon tűnődsz, mit is jelent ez az egész. Tudjuk, hogy az összes kulcsfontosságú webdizájn-definíciót és kifejezést kitalálni elég lehengerlő lehet, különösen, ha mindez új.
A webdizájn a munka széles skáláját öleli fel, a kódot író webfejlesztőktől kezdve a felületeken dolgozó UI- és UX-tervezőkön át a webdesignerekig, akik gondoskodnak a webhely megjelenéséről és hangulatáról. Sok ember foglalkozik webdesignnal.
Ha megtanulja, mit jelent csupán néhány webdesign betűszó és szakzsargon, az sokkal könnyebbé teheti tervezője és fejlesztője dolgát, és segíthet megérteni, hogyan is működik a saját webhelye. Tehát akár segítséget kér, akár saját maga csinálja, jól jöhet a webdesign és -fejlesztés leggyakrabban használt és leggyakrabban zavaró kifejezéseinek ismerete:
Web design definíciók és kifejezések.
Megközelíthetőség
Jelenlegi elérhetőség nagy jelentősége van a webdesignban. Ez lényegében azt jelenti, hogy webhelye mennyire elérhető az emberek számára, beleértve a hallás- vagy látássérülteket is. Ezt fontos szem előtt tartani a webhely létrehozása előtt és közben. Vessen egy pillantást erre a hat lépésre, amellyel elérhetővé teheti webdesignját, ha nem tudja, hol kezdje.
10 Google-büntetés, amely hatással lehet webhelyére
A hajtás alatt (és a hajtás felett).
A hajtás alatt és fölött két olyan kifejezés található, amelyek az újságokból származnak. A „hajtás” az a hely, ahol az újság behajt. A Top and Bottom azt írja le, hogy az információk a hajtás felső vagy alsó felében jelennek-e meg. Weboldalak esetében a "hajtás" általában az a pont, ahol el kell kezdeni a görgetést, de az elv ugyanaz: az oldal tetején lévő információ (ATF) könnyebben elérhető és láthatóbb, mint a az oldal alja (BTF). .
Rugalmas (elrendezés). Rugalmas (elrendezés). Webtervezési feltételek
Az elasztikus elrendezés a weboldal tervezésének egy olyan megközelítése, amely az elemek közötti kapcsolatokat és az oldalon elfoglalt helyzetüket százalékos arányban írja le, nem pedig konkrétan tervezett térközt és méretet. Ez azt jelenti, hogy a weboldalak jobban alkalmazkodnak – mind a látogatói méretbeli preferenciákhoz betűtípus és a köztük lévő távolság, valamint az oldal okostelefonon vagy táblagépen való megtekintésére való optimalizálása.
Manapság az elasztikus elrendezések a reszponzív tervezési megközelítések kulcsfontosságú részét képezik, de mielőtt a reszponzív tervezés ötlete megszületett volna, az elasztikus elrendezések egyszerű módot nyújtottak a webhelyek reszponzívvá tételére.
Volt. Korábbi
Az Ex egy olyan mértékegység, amely szabványos mértékeként kisbetűs "x" betűtípust használ.
Fix szélesség (elrendezés). Fix szélesség (elrendezés). Web design definíciók és kifejezések.
A fix szélességű elrendezés a weboldalak tervezésének egyik módja, amelyben a tervező megadja, hogy mekkora egy weboldal, és pontosan hol jelenjenek meg rajta az elemek. Ez sokkal nagyobb irányítást biztosít a tervezőknek a weboldal tervezése felett, mint egy rugalmas elrendezés, de az oldalak kevésbé reagálnak. különböző méretű képernyő.
Hexadecimális.
A hexadecimális számok, más néven "hexa számok" egy 16-os alapszámrendszer, ami azt jelenti, hogy 16 karaktert használnak a szín meghatározásához. A hexadecimális számok a 0-tól 9-ig terjedő számokat és az A-tól F-ig terjedő betűket használják. Minden színt három pár hexadecimális szám azonosít. Az első szám- vagy betűpár a piros árnyalatra, a második pár a zöldre, a harmadik pár pedig a kék árnyalatra utal.
Végtelen görgetés. Végtelen görgetés
A végtelen görgetés az, amikor a görgetés során új tartalom töltődik be. Ez egy "végtelen", véget nem érő tekercset hoz létre. Néhány népszerű példa erre a Facebook, a Pinterest vagy a Twitter idővonalai.
Parallax görgetés. Parallax görgetés.
Ez a görgetési módszer a mélység érzetét kelti weboldal tervezés. Amikor a felhasználó görget, a webhely elemei különböző távolságra helyezkednek el, és különböző sebességgel mozognak, ahogy a felhasználó görget. Ez a mélység és a távolság illúzióját kelti egy lapos weboldalon.
Felbontás. Engedély. Web design definíciók és kifejezések.
A felbontás a képernyőn megjelenő képpontok száma. Ez egy szabványos módszer, amelyet a webdesignban használnak a meghatározására méret képeket. A képminőséget általában pixel per hüvelykben határozzák meg, több pixel jobb minőségű képet eredményez.
Reszponzív / mobilbarát / mobilra optimalizált. Reszponzív / Mobilbarát / Mobilra optimalizált
Tavaly az internetes forgalom több mint fele okostelefonokról származik. Ez azt jelenti, hogy egyre fontosabbá válik, hogy egy weboldal jobban nézzen ki mobil eszközök, valamint számítógépeken. A webhelyek reszponzívvá/mobilreszponzívvá/mobilra optimalizálttá tétele egy olyan webhely tervezését és fejlesztését jelenti, amely alkalmazkodik ahhoz az eszközhöz vagy képernyőhöz, amelyen megtekintik.
Használhatóság. Egyszerű használat.
A használhatóság egy webtervezési koncepció, amely leírja, hogy webhelye mennyire egyszerű a látogatók számára. Ideális esetben a látogató könnyen használhatja webhelyét, amikor először találkozik vele, minimális akadályokkal, frusztrációval és segítségkéréssel. A használhatósági elvek megértése kulcsfontosságú lépés az alkotás során kiváló weboldal.
UX (felhasználói kutatás) / UI (felhasználói felület)
Az UX és UI tervezés olyan munka, amely javítja a felhasználói élményt. Az UX és a felhasználói felület közötti különbségek ismerete fontos, hogy megértsük, hogyan működnek együtt.
Az UX, a felhasználói kutatás magában foglalja a webhely felhasználói élményének minden aspektusát az elejétől a végéig. Cél - minőség javítása felhasználói interakció az oldallal.
A felhasználói felület, a felhasználói felület, a webhely vizuális és interaktív elemeire, például gombokra, ikonokra és tipográfiára összpontosít. A cél a weboldal megjelenésének és funkcionalitásának javítása.
Egy frontend oldal anatómiája. Web design definíciók és kifejezések.
-
Kenyérmorzsa. Zsemlemorzsa.
Amikor a weboldalak megmutatják a felhasználóknak, hogyan navigáltak a weboldalon, és hogyan térhetnek vissza kezdőlap, ezt gyakran zsemlemorzsával teszik. Ez általában beágyazott kategóriák sorozataként jelenik meg, például Kezdőlap > Kategória > Év > Hónap > Bejegyzés.
Favicon. Favicon.
A favicon egy apró ikon, amely a böngésző lapsávjában jelenik meg. Általában 16 × 16 képpont méretűek (ami valójában nagyon kicsi), és .ico, .gif vagy .png képként mentik őket. Szinte bármilyen képet használhat ikonként, amennyiben az megfelelő méretű és a megfelelő formátumban van elmentve.
Fókuszpont. Koordinátor.
A weboldal fókuszában az oldal azon része áll, amelyre felhívja a figyelmet. A tervezők sok időt töltenek azzal, hogy olyan fókuszpontot hozzanak létre, amely valóban megragadja a néző figyelmét, majd az oldalon lévő legfontosabb dolgot helyezi fókuszba. Ez biztosítja, hogy minél többen láthassák.
Elülső vég. Elülső vég.
Ezek mind olyan elemek, mint például képek, szövegek, oldalak, amelyeket az emberek akkor fognak látni, amikor először látogatják meg webhelyét. Lényegében ez az, amivel az emberek interakcióba lépnek és ezzel foglalkoznak egy webhelyen.
Hamburger ikonra. Hamburger ikonra.
A hamburger ikon a menü ikonra utal, amely gyakran megtalálható a későbbi programokban. Három vízszintes csíkja van (innen a "hamburger"), és egyetlen ikon mögé rejti a hagyományos navigációs menüt.
Nyitóoldal. Nyitóoldal.
Ez az első oldal, amelyet webhelyének látogatói láthatnak. Sok webhely külön céloldalt használ, hogy tanuljon valamit a látogatótól (például megosztja e-mail címét vagy egy termékspecifikus oldalt). A tiéd nyitóoldal az egyik legfontosabb oldal a webhelyén, és sok időt kell töltenie annak optimalizálásával.
Navigáció. Navigáció.
A navigáció a weboldal elemei közötti mozgáshoz használt rendszer, és bármely weboldal egyik legfontosabb eleme. Ezért olyan fontos ismerni a weboldalon való navigáció alapelveit. A legtöbb ragyogó példa A navigáció a legtöbb weboldalon megjelenő menük. De nagyon ügyeljen az oldalak rendszerezésére és a köztük lévő kapcsolatokra is. Ezenkívül sokkal könnyebbé tehetik a weboldalak navigálását a látogatók számára.
A webhely háttérrendszerének anatómiája. Web design definíciók és kifejezések.
-
Hátsó vég. Hátsó vég.
A rendszernek ez az a része, amely hatékonyan futtatja webhelyét, de rejtve van a látogatók elől. Számos különböző háttér-összetevő áll rendelkezésre, de ezek általában ugyanazokat a dolgokat tartalmazzák – az alkalmazásokat, az információs szerkezetet és a CMS-t.
CMS
A tartalomkezelő rendszer egy belső eszköz a webhely tartalmának kezelésére, felhasználók hozzáadása, megjegyzések kezelése és még sok más. Ha valaha is használta a WordPress-t webhely létrehozásához, akkor CMS-t használt. A CMS sokkal könnyebbé teszi a weboldal tervezését és létrehozását, mivel elrejti a webhelyet vezérlő nyers kód nagy részét.
E-kereskedelem. Az elektronikus kereskedelem.
az elektronikus kereskedelem "elektronikus kereskedelmet" jelent. csakúgy, mint az "e-mail" azt jelenti, hogy "elektronikus levelezés". Általában hozzáad egy üzletet a webhelyéhez e-kereskedelem, amely a termékleírásokat, a vásárlásokat és eladásokat, valamint a vásárlói adatokat fogja kezelni.
HTTP/HTTPS
Ez egy olyan rendszer, amely a böngészők, szerverek és webalkalmazások közötti kommunikációt kezeli. Meghatározza, hogyan kell az adatokat csomagolni és elküldeni.
A HTTPS a HTTP kiterjesztése, amely SSL-en (Secure Socket Layer) keresztül tud kapcsolatot létesíteni. Ez sokkal biztonságosabb módja az adatok online megosztásának. Sok modern webböngésző figyelmezteti Önt, ha egy webhely a szabványos HTTP protokollt használja a HTTPS helyett.
Webhelytulajdonosként különféle szolgáltatóktól megvásárolhatja a HTTPS használatához szükséges SSL-tanúsítványokat. Miután hozzáadta, biztonságosabbá teszi webhelyét, és bizalmat épít az ügyfelekkel.
Csatlakoztat. Webtervezési feltételek
Egy kis program, amely a fő webhely tetejére települ, és további biztonságot nyújt. A beépülő modulok a legnépszerűbb CMS-platformokhoz állnak rendelkezésre, és számos különböző funkcióhoz használhatók, a blogbejegyzések automatizálásától a leadkezelésig.
Sablon. Minta.
A sablonokat ugyanúgy használják a webdesignban, mint a dokumentumokhoz és a képekhez – a sok különböző oldal egységes kialakításának biztosítása érdekében. A legtöbb CMS-platform sablonkészletet biztosít a webhelyéhez, amely segít biztosítani az oldalak és a rajtuk lévő design egységességét.
Az internet műszaki feltételei. Web design definíciók és kifejezések.
-
Horgonyszöveg. Horgonyszöveg.
A horgonyszöveg egy kifejezés vagy több szó, amelyek hiperhivatkozást tartalmaznak. A megfelelő horgonyszöveg használata óriási változást hozhat abban, hogy oldala milyen helyen szerepel a keresőmotorokban.
Backlink. Backlink.
Ezek az Ön webhelyére mutató hivatkozások más webhelyekről. Amikor egy másik webhely hivatkozik az Ön webhelyére, például azért, hogy olvasóit egy forráshoz irányítsa, Ön visszamutató hivatkozást kapott. A visszamutató linkek nagyon fontosak a keresési rangsor növelésében, mivel a megbízható webhelyekről származó többszörös visszamutató hivatkozások növelik webhelye láthatóságát.
Sávszélesség. Sávszélesség.
A sávszélesség számos különböző kontextusban használatos kifejezés, de lényegében az adott időszakban elküldött vagy fogadott adatmennyiséget jelenti. Használható például az internet sebességének leírására, ahol általában kilobit per másodpercben (kbps) adják meg. Néha azonban arra használják, hogy leírják, mennyi adatot használhat fel havonta a webtárhely-csomag részeként.
Gyorsítótár. Készpénz.
A gyorsítótár egy webböngészőben tárolt adathalmaz. Ez azt jelenti, hogy a következő alkalommal, amikor a felhasználó felkeresi az oldalt, az oldal gyorsabban töltődik be, mivel a helyi memóriából töltődik be.
DNS-webtervezési feltételek
A DNS a Domain Name Service rövidítése. Ez az a rendszer, amellyel a böngészője megtalálja a weboldalakat. Amikor te azbyka.com.ua , a böngészője megkeres egy "DNS-táblázatot", amely ezt az emberbarát címet számítógépbarát (vagyis számokból álló) címmé alakítja. A DNS-rendszer nyomon követi, hogy hol található a világ összes weboldala, hogy a böngészője megtalálja azokat.
Домен
Ez a webhely neve. Számos cégtől vásárolhat domaint. Legfeljebb 63 karaktert tartalmazhatnak. Például, https://azbyka.com.ua/a domain nevünk.
FTP
Az FTP a File Transfer Protocol rövidítése, és egy rendszer fájlok és adatok átvitelére a helyi tárhelyről (mondjuk a számítógépéről) a webszerverre. Az FTP használatához le kell töltenie egy FTP-kliens nevű kis programot.
Permalink. Állandó link
Egy állandó hivatkozás, amely lehetővé teszi, hogy olyan címet adjon meg, amely mindig egy adott blogbejegyzésre vagy oldalra mutat, függetlenül attól, hogy hogyan változtatja meg a körülötte lévő webhely szerkezetét. Ez nagyon hasznos, ha blogbejegyzésekkel növeli webhelye forgalmát, mert nem kell manuálisan módosítania több tucat (vagy több száz) linket, ha úgy dönt, weboldala tervezése vagy módosítsa a domain nevét.
URL
Egy cím, amely jelzi, hol található egy adott oldal vagy egyéb erőforrás.
Webtárhely. Web design definíciók és kifejezések.
A webtárhely egy olyan cég, amely kezeli a kiszolgálókat, amelyek az Ön adatait tárolják Weboldal. Amint azt a webtárhelyről szóló cikkünkben kifejtettük, a webtárhely-szolgáltatók szolgáltatásaik színvonala nagyon eltérő lehet. Egy jó internetes tárhely biztosíthatja Önt, hogy webhelye az esetek 99,9%-ában elérhető lesz, és biztosítja a biztonságos és hatékony megőrzéséhez szükséges eszközöket is.
web szerver
A webszerver az a számítógép, amely ténylegesen tárolja az Ön weboldalát. Valószínűleg az Ön webtárhelye tulajdonában lévő kiszolgálótelepítésben található, bár lehetséges saját szerverek futtatása is.
Webfejlesztési terminológia. Web design definíciók és kifejezések.
CSS
A CSS a Cascading Style Sheets rövidítése, és a HTML-lel együtt ezek a lapok minden weboldal legalapvetőbb részét képezik. Tíz évvel ezelőtt a weboldal formázását, például a címsorok méretét vagy azt, hogy a képeknek van-e szegélye, magában a HTML-kódban határozták meg. Ez azt jelentette, hogy a formázás megváltoztatása munkaigényes volt az egyes elemek átadásának folyamata oldalak és kódmódosítások.
A CSS-szel minden sokkal egyszerűbb. Az oldal stílusát egy (vagy több) CSS-fájl tartalmazza, amelyek meghatározzák a címsorok megjelenését, a képek megjelenítését és sok más elemet. Megmondják a böngészőnek, hogyan jelenítse meg a webhelyet. Így a teljes webhelyek formátuma megváltoztatható egyetlen kódrészlet váltásával.
DHTML
A DHTML a Dynamic HyperText Markup Language rövidítése. Ez egy olyan nyelv kifejezés, amely több webdesign nyelvet – HTML-t, JavaScriptet és CSS-t – kombinál egyetlen szupernyelvvé a webfejlesztéshez. Általában ezt használják a modern webfejlesztők, hogy webhelyet készítsenek Önnek.
Doctype. Web design definíciók és kifejezések.
A HTML-ben a dokumentumtípus annak leírása, hogy milyen típusú HTML-t és verziót használnak egy weboldalon. A böngészők az oldal sértetlenségének ellenőrzésére használják, és biztonsági hibákat okozhat, ha hibás.
Em. EM. Webtervezési feltételek
Az Em a betűtípus méretének leírására szolgál az oldalon használt "szülő" betűtípushoz viszonyítva. Az 1Em azt jelenti, hogy a betűtípus (vagy néha más elemek) ugyanolyan méretű, mint a szülőelem, a 2em azt jelenti, hogy kétszer akkora, és így tovább.
Beágyazott stílus. Beépített stílus. Webtervezési feltételek
Míg a CSS (lásd fent) egy egész oldal formátumának leírására használható egyszerre, néha csak egy oldalon kell módosítani a stílust. Ilyenkor belső stílust használnak. A beágyazott stílus a weboldal fejlécébe írt CSS-kód egy darabja, amely csak az adott oldalon lévő elemeket érinti, nem a teljes webhelyet.
Betűcsalád/stílus/súly. Betűcsalád/stílus/súly
A webtervezők és fejlesztők gyakran nem dolgoznak bizonyos betűtípusokkal, mert a különböző böngészők nem mindig ugyanazokat a betűtípusokat használják. Ez az oka annak, hogy egy CSS-dokumentumban látni fogja, hogy a használt betűtípus betűtípuscsaládként – használható betűtípusok csoportjaként – van meghatározva, nem pedig egyenként. Ezzel a meghatározással együtt a CSS-dokumentum meghatározza a betűtípus stílusát (dőlt, aláhúzott stb.) és súlyát (félkövér, világos stb.).
HTML. Web design definíciók és kifejezések.
A hiperszöveg jelölőnyelv az internet alapja. Minden weboldal, legalábbis bizonyos mértékig, HTML-ben van írva, amelyet úgy alakítottak ki, hogy a lehető legkönnyebben írható legyen. Sőt, nagyon hasznos lehet, próbáld ki Oktatóanyag on HTML kód, hogy könnyű-e írni – meg fogsz lepődni, mit érhetsz el néhány óra alatt!
Metaadatok.
A metaadatok a weboldalak fejlécében található adatok. Ezek az adatok elérhetők böngészője számára, de nem jelennek meg az éppen megtekintett weboldal részeként – a hozzáféréshez meg kell tekintenie a forráskódot.
Nyílt forráskód. Nyílt forráskód. Webtervezési feltételek
A nyílt forráskódú szoftver a felhasználók által támogatott, szabadon használható és módosítható. Ez ellentétben áll a szabadalmaztatott szoftverekkel, amelyeket egy adott cég birtokol és tart fenn. A legtöbb webfejlesztő legalább néha használ nyílt forráskódú szoftvert, mert nem csak olcsóbb, de biztonságosabb is lehet. Manapság a legtöbb webfejlesztő nyílt forráskódú nyelveken írt konténerek használatával minimalizálja a biztonság megsértését.
Színreállítás. Színreállítás. Web design definíciók és kifejezések.
Színpadi webhely Ez az a folyamat, amelynek során létrejön egy majdnem végleges másolat, majd teszteljük a webhely élő verziójának telepítése előtt. A legtöbb webfejlesztő „beállít” egy webhelyet a kiadás előtt, hogy megbizonyosodjon arról, hogy minden megfelelően működik. És gyakran a webhelyen a jelentősebb változtatások a bemutató oldalon történnek, nem pedig az élő oldalon.
Érvényes. Érvényes.
A webdesignban az érvényes weboldalak azok, amelyek nem tartalmaznak hibákat. Ez a gyakorlatban olyan weboldalakat jelent, amelyek megfelelnek a W3C, a webfejlesztés szabványait meghatározó közösség által közzétett HTML specifikációkban meghatározott szabványoknak.
XML. Webtervezési feltételek
Az XML az Extensible Markup Language rövidítése. Az XML a webdesign alapvető része, mert „metanyelvként” működik, amely az egyik nyelv elemeit a másikra fordítja. Ez azt jelenti, hogy weboldalak sokféle nyelven hozhatók létre, amelyek mindegyike XML-en keresztül kommunikál.
Utolsó dolog…
Természetesen nem kell ismernie ezeket a webdesign-definíciókat és kifejezéseket a kezdéshez. weboldalfejlesztés - akár önállóan, akár segítséggel. Végső soron a webdesign egy tanulási folyamat, a legjobb tervek pedig megismételhető műalkotások, amelyek folyamatosan fejlődnek, ahogy új dolgokat tanulsz.
Nagyon hasznos lehet azonban, ha van egy útmutató a webdizájn olykor összetett világában, különösen akkor, ha még csak most kezdi. Professzionális webdesignereink segítenek Önnek abban, hogy elinduljon a webdesign izgalmas világában.
Szólj hozzá!