Pojmy webdizajnu sú hlavné veci, ktoré by mal obchodník vedieť. Webdizajn je proces vytvárania a organizovania vizuálnych a funkčných aspektov webovej stránky. Zahŕňa rôzne termíny a koncepty, ktoré popisujú rôzne aspekty dizajnu a vývoja webových stránok.

Webový dizajn existuje už dlho a nestráca čas vývojom zložitého jazyka plného žargónu. Hneď ako urobíte čo i len najmenší krok do sveta web dizajnu, začnete počuť: „Aký CMS chcete použiť?“, „Chcete ho nad záhybom stránky alebo pod záhybom stránky?“, „Chcete chcete pevné rozloženie? ", "Aký webhosting chcete použiť? “ a vy sa čudujete, čo to všetko znamená. Vieme, že snaha zistiť všetky kľúčové definície a termíny webového dizajnu môže byť dosť zdrvujúce, najmä keď je to všetko nové.

Webdizajn zahŕňa široké spektrum práce, od webových vývojárov, ktorí píšu kód, cez UI a UX dizajnérov, ktorí pracujú na rozhraniach, až po webdizajnérov, ktorí sa starajú o vzhľad a dojem z vašej stránky. Na webdizajne sa podieľa veľa ľudí.

Ak sa naučíte, čo znamená len niekoľko skratiek a žargónu webového dizajnu, môže to vášmu dizajnérovi a vývojárovi značne uľahčiť prácu a tiež vám môže pomôcť pochopiť, ako vaša vlastná webová stránka skutočne funguje. Či už si teda najmete pomoc alebo to urobíte sami, znalosť najbežnejšie používaných a najčastejšie mätúcich výrazov v oblasti webdizajnu a vývoja sa môže hodiť:

 

Definície a pojmy webového dizajnu.

Prístupnosť

Momentálna dostupnosť má pri webdizajne veľký význam. V podstate to znamená, do akej miery je vaša webová lokalita prístupná ľuďom vrátane ľudí so sluchovým alebo zrakovým postihnutím. Toto je dôležité mať na pamäti pred a pri vytváraní vašej webovej stránky. Ak neviete, kde začať, pozrite si týchto šesť krokov, ako sprístupniť svoj webový dizajn.

10 sankcií Google, ktoré môžu ovplyvniť váš web

Pod záhybom (a nad záhybom).

Pod a nad záhybom sú dva pojmy, ktoré majú svoj pôvod v novinách. „Záhyb“ je miesto, kde sa skladajú noviny. Top and Bottom popisuje, či sa informácie zobrazujú v hornej alebo dolnej polovici záhybu. Pre webové stránky je „záhyb“ zvyčajne definovaný ako bod, v ktorom by ste mali začať rolovať, ale princíp je rovnaký – informácie, ktoré sú v hornej časti stránky (ATF), sú dostupnejšie a viditeľnejšie ako informácie, ktoré sú na spodná časť stránky (BTF). . .

Elastické (rozloženie). Elastické (rozloženie). Podmienky webdizajnu

Elastické rozloženie je prístup k dizajnu webovej stránky, ktorý popisuje vzťahy medzi prvkami a ich pozíciou na stránke v percentách, a nie špecificky navrhnutých medzier a veľkostí. To znamená, že webové stránky sa stanú prispôsobivejšími – oboje podľa preferencií vašich návštevníkov z hľadiska veľkosti písmo a vzdialenosť medzi nimi a optimalizovať stránku na prezeranie na smartfóne alebo tablete.

V súčasnosti sú elastické rozloženia kľúčovou súčasťou prístupov k responzívnemu dizajnu, ale predtým, ako sa zrodila myšlienka responzívneho dizajnu, poskytovali elastické rozloženia jednoduchý spôsob, ako urobiť webové stránky responzívnymi.

Napr. Bývalý

Ex je merná jednotka, ktorá používa malé písmeno "x" v fonte ako svoju štandardnú mieru.

Pevná šírka (rozloženie). Pevná šírka (rozloženie). Definície a pojmy webového dizajnu.

Rozloženie s pevnou šírkou je metóda navrhovania webových stránok, pri ktorej dizajnér špecifikuje, aká veľká je webová stránka a kde presne sa na nej objavia prvky. To dáva dizajnérom oveľa väčšiu kontrolu nad dizajnom webovej stránky ako elastické rozloženie, ale stránky sú menej citlivé. rôzne veľkosti obrazovka.

Hexadecimálne.

Hexadecimálne čísla, tiež známe ako „hexadecimálne“ čísla, sú číselným systémom so základom 16, čo znamená, že na definovanie farby používajú 16 znakov. V hexadecimálnych číslach sa používajú čísla 0 až 9 a písmená A až F. Každá farba je identifikovaná tromi pármi hexadecimálnych čísel. Prvý pár čísel alebo písmen označuje červený odtieň, druhý pár zelený odtieň a tretí pár modrý odtieň.

Nekonečné rolovanie. Nekonečné rolovanie

Nekonečné posúvanie je, keď sa pri pokračovaní posúvania načítava nový obsah. Vznikne tak „nekonečný“, nikdy nekončiaci zvitok. Medzi obľúbené príklady patria časové osi Facebooku, Pinterestu alebo Twitteru.

Paralaxné rolovanie. Paralaxné rolovanie.

Táto metóda posúvania vytvára pocit hĺbky dizajn webových stránok. Keď používateľ roluje, prvky na webovej stránke budú v rôznych vzdialenostiach a pohybujú sa rôznymi rýchlosťami, ako sa používateľ posúva. To vytvára ilúziu hĺbky a vzdialenosti na plochom webe.

Zásady ochrany osobných údajov

Rozhodnutie. Povolenie. Definície a pojmy webového dizajnu.

Rozlíšenie je počet pixelov zobrazených na obrazovke. Toto je štandardná metóda používaná na určenie web dizajnu veľkosť snímky. Kvalita obrazu sa zvyčajne popisuje v pixeloch na palec, pričom viac pixelov vedie k vyššej kvalite obrazu.

Responzívne / vhodné pre mobilné zariadenia / optimalizované pre mobilné zariadenia. Responzívne / vhodné pre mobilné zariadenia / optimalizované pre mobilné zariadenia

Od minulého roka pochádza viac ako polovica návštevnosti webu zo smartfónov. To znamená, že je čoraz dôležitejšie, aby web vyzeral lepšie mobilné zariadenia, ako aj na počítačoch. Urobiť webové stránky responzívne/pre mobilné zariadenia/optimalizované pre mobilné zariadenia znamená navrhnúť a vyvinúť webovú stránku, ktorá sa prispôsobí zariadeniu alebo obrazovke, na ktorej sa zobrazuje.

Použiteľnosť. Jednoduchosť použitia.

Použiteľnosť je koncepcia webového dizajnu, ktorá popisuje, aká jednoduchá je vaša webová lokalita pre návštevníkov, pre ktorých bola navrhnutá. V ideálnom prípade bude môcť návštevník jednoducho používať vašu stránku, keď sa s ňou prvýkrát stretne, s minimálnymi prekážkami, frustráciou a potrebou požiadať o pomoc. Pochopenie princípov použiteľnosti je kľúčovým krokom pri tvorbe vynikajúci webovej stránky.

UX (používateľský prieskum) / UI (používateľské rozhranie)

Dizajn UX a používateľského rozhrania je práca, ktorá zlepšuje používateľskú skúsenosť. Je dôležité poznať rozdiely medzi UX a UI, aby ste pochopili, ako spolu fungujú.

UX, používateľský prieskum, zahŕňa každý aspekt používateľskej skúsenosti s webovou stránkou od začiatku do konca. Cieľ - zlepšiť kvalitu interakciu používateľa so stránkou.

UI, používateľské rozhranie, sa zameriava na vizuálne a interaktívne prvky webovej stránky, ako sú tlačidlá, ikony a typografia. Cieľom je zlepšiť vzhľad a funkčnosť webovej stránky.

Anatómia frontendového webu. Definície a pojmy webového dizajnu.

-

strúhanka. Strúhanka.

Keď webové stránky ukazujú používateľom, ako sa pohybovali na webovej stránke a ako sa na ňu vrátiť domovskú stránku, to sa často robí pomocou strúhanky. Zvyčajne sa zobrazuje ako séria vnorených kategórií, ako napríklad Domov > Kategória > Rok > Mesiac > Príspevok.

Favicon. Favicon.

Favicon je malá ikona, ktorá sa zobrazuje na paneli kariet prehliadača. Zvyčajne majú veľkosť 16 × 16 pixelov (čo je v skutočnosti veľmi málo) a ukladajú sa ako obrázky .ico, .gif alebo .png. Ako ikonu môžete použiť takmer akýkoľvek obrázok, ak má správnu veľkosť a je uložený v správnom formáte.

Ohnisko. koordinátor.

Zameranie webovej stránky je tá časť stránky, na ktorú upútate vašu pozornosť. Dizajnéri strávia veľa času vytvorením ohniska, ktoré skutočne upúta pozornosť diváka, a potom zaostrením na to najdôležitejšie na stránke. Vďaka tomu ho uvidí čo najviac ľudí.

Predná časť. Predná časť.

Sú to všetky prvky, ako sú obrázky, text, stránky, ktoré ľudia uvidia pri prvej návšteve vášho webu. V podstate ide o to, s čím budú ľudia interagovať a s čím budú interagovať na webovej stránke.

Ikona hamburgera. Ikona hamburgera.

Ikona hamburgeru odkazuje na ikonu ponuky, ktorá sa bežne vyskytuje v neskorších programoch. Má tri vodorovné pruhy (preto ten „hamburger“) a za jedinou ikonou ukrýva tradičné navigačné menu.

Vstupná stránka. Vstupná stránka.

Toto je úplne prvá stránka, ktorú uvidia návštevníci vášho webu. Mnoho webových stránok používa vyhradenú vstupnú stránku, aby sa dozvedeli niečo od návštevníka (napríklad zdieľanie svojej e-mailovej adresy alebo stránky týkajúcej sa konkrétneho produktu). Váš vstupná stránka je jednou z najdôležitejších stránok na vašom webe a jej optimalizácii by ste mali venovať veľa času.

Navigácia. Navigácia.

Navigácia je systém používaný na pohyb medzi prvkami na vašej webovej stránke a je jedným z najdôležitejších prvkov akejkoľvek webovej stránky. Preto je také dôležité poznať kľúčové princípy navigácie na webových stránkach. Najviac žiarivý príklad Navigácie sú ponuky, ktoré sa zobrazujú na väčšine webových stránok. Pozorne si však všímajte aj to, ako sú stránky usporiadané a prepojenia medzi nimi. Tiež môžu návštevníkom výrazne uľahčiť navigáciu na webovej stránke.

Anatómia backendu webovej stránky. Definície a pojmy webového dizajnu.

-

Zadný koniec. Zadný koniec.

Toto je časť vášho systému, ktorá efektívne prevádzkuje vašu stránku, ale je skrytá pred návštevníkmi. K dispozícii je veľa rôznych back-endových komponentov, ale všetky zvyčajne obsahujú rovnaké veci – aplikácie, informačnú štruktúru a váš CMS.

CMS

Redakčný systém je interný nástroj na správu obsahu vašich webových stránok, pridávanie používateľov, správa komentárov a možno aj oveľa viac. Ak ste niekedy použili WordPress na vytvorenie webovej stránky, použili ste CMS. CMS výrazne zjednodušuje navrhovanie a vytváranie webovej stránky, pretože skrýva veľkú časť surového kódu, ktorý poháňa webovú stránku.

Elektronický obchod. Elektronický obchod.

elektronický obchod znamená „elektronický obchod“. rovnako ako „e-mail“ znamená „elektronická pošta“. Zvyčajne na svoj web pridáte obchod elektronický obchod, ktorá bude spracovávať popisy produktov, nákupy a predaje a údaje o zákazníkoch.

HTTP/HTTPS

Ide o systém, ktorý zabezpečuje komunikáciu medzi prehliadačmi, servermi a webovými aplikáciami. Definuje, ako sa majú dáta zabaliť a odoslať.

HTTPS je rozšírenie HTTP, ktoré dokáže nadviazať spojenie cez SSL (Secure Socket Layer). Ide o oveľa bezpečnejší spôsob zdieľania údajov online. Mnoho moderných webových prehliadačov vás upozorní, ak webová stránka používa namiesto HTTPS štandardný protokol HTTP.

Ako vlastník webovej stránky si môžete zakúpiť certifikáty SSL potrebné na používanie HTTPS od rôznych poskytovateľov. Po pridaní bude vaša stránka bezpečnejšia a vybuduje si dôveru u vašich zákazníkov.

Zapojiť. Podmienky webdizajnu

Malý program, ktorý sa inštaluje na hlavnú stránku a poskytuje dodatočné zabezpečenie. Zásuvné moduly sú dostupné pre väčšinu populárnych platforiem CMS a možno ich použiť pre mnoho rôznych funkcií, od automatizácie blogových príspevkov až po správu potenciálnych zákazníkov.

Šablóna. Ukážka.

Šablóny sa vo webovom dizajne používajú v podstate rovnakým spôsobom, ako sa používajú pre dokumenty a obrázky – aby sa zabezpečil konzistentný dizajn na mnohých rôznych stránkach. Väčšina platforiem CMS vám poskytne sadu šablón pre váš web, ktoré vám pomôžu zabezpečiť konzistentnosť vašich stránok a vášho dizajnu na nich.

Technické podmienky pre internet. Definície a pojmy webového dizajnu.

-

Text kotvy. Text kotvy.

Ukotvený text je fráza alebo niekoľko slov, ktoré obsahujú hypertextový odkaz. Použitie správneho kotviaceho textu môže znamenať obrovský rozdiel v tom, ako dobre sa vaša stránka umiestňuje vo vyhľadávačoch.

Spätný odkaz. Spätný odkaz.

Toto sú odkazy na vašu stránku z iných stránok. Keď iná stránka odkazuje na tú vašu, napríklad s cieľom nasmerovať svojich čitateľov na zdroj, dostali ste spätný odkaz. Spätné odkazy sú veľmi dôležité, pokiaľ ide o zvýšenie pozície vo vyhľadávaní, pretože viaceré spätné odkazy z dôveryhodných stránok zvýšia viditeľnosť vašej stránky.

Šírka pásma. Šírka pásma.

Šírka pásma je termín používaný v mnohých rôznych kontextoch, ale v podstate znamená množstvo dát odoslaných alebo prijatých v danom období. Dá sa použiť napríklad na popis rýchlosti vášho internetu, kde sa zvyčajne uvádza v kilobitoch za sekundu (kbps). Niekedy sa však používa na opis toho, koľko dát môžete mesačne použiť ako súčasť balíka webhostingu.

Cache. Hotovosť.

Cache je súbor údajov, ktoré sú uložené vo webovom prehliadači. To znamená, že pri ďalšej návšteve stránky sa stránka načíta rýchlejšie, pretože sa načítava z lokálnej pamäte.

Podmienky webového dizajnu DNS

DNS je skratka pre Domain Name Service. Toto je systém, pomocou ktorého váš webový prehliadač nájde webové stránky. Keď ty azbyka.com.ua  , váš prehliadač vyhľadá "tabuľku DNS", ktorá prevedie túto ľudsky prijateľnú adresu na počítačovú adresu (t. j. zloženú z čísel). Systém DNS sleduje, kde sa nachádzajú všetky webové stránky na svete, aby ich váš prehliadač mohol nájsť.

Домен

Toto je názov vašej stránky. Domény si môžete kúpiť od mnohých spoločností. Môžu obsahovať najviac 63 znakov. Napríklad,  https://azbyka.com.ua/je názov našej domény.

FTP

FTP je skratka pre File Transfer Protocol a je to systém na prenos súborov a údajov z lokálneho úložiska (povedzme na vašom počítači) na váš webový server. Ak chcete používať FTP, musíte si stiahnuť malý program s názvom FTP klient.

Trvalý odkaz. Trvalý odkaz

Trvalý odkaz, ktorý vám umožní zadať adresu, ktorá bude vždy smerovať na konkrétny blogový príspevok alebo stránku, bez ohľadu na to, ako okolo nej zmeníte štruktúru svojho webu. Je to veľmi užitočné, ak používate blogové príspevky na zvýšenie návštevnosti svojich stránok, pretože ak sa rozhodnete zmeniť, nemusíte manuálne meniť desiatky (alebo stovky) odkazov. dizajn vášho webu alebo zmeniť názov domény.

URL

Adresa označujúca, kde možno nájsť konkrétnu stránku alebo iný zdroj.

Web hosting. Definície a pojmy webového dizajnu.

Webhosting je spoločnosť, ktorá spravuje servery, ktoré ukladajú vaše webové stránky. Ako vysvetľujeme v našom článku o webhostingu, weboví hostitelia sa môžu značne líšiť v úrovni služieb, ktoré ponúkajú. Dobrý webhosting vás bude môcť uistiť, že vaša stránka bude dostupná 99,9 % času, a tiež vám poskytne nástroje na udržanie bezpečnosti a účinnosti.

webový server

Webový server je počítač, ktorý skutočne ukladá vašu webovú stránku. S najväčšou pravdepodobnosťou sa nachádza v serverovej inštalácii, ktorú vlastní váš webový hostiteľ, aj keď je možné prevádzkovať aj vaše vlastné servery.

Terminológia vývoja webu. Definície a pojmy webového dizajnu.

CSS

CSS je skratka pre Cascading Style Sheets a spolu s HTML sú tieto hárky najzákladnejšou súčasťou akejkoľvek webovej stránky. Pred desiatimi rokmi sa formátovanie webových stránok, ako napríklad veľkosť nadpisov alebo či majú obrázky okraje, určovalo v samotnom HTML kóde. To znamenalo, že zmena formátovania bola náročná na prácu proces prechodu každého prvku stránky a zmeny kódu.

S CSS je všetko oveľa jednoduchšie. Štýl stránky je obsiahnutý v jednom (alebo viacerých) súboroch CSS, ktoré určujú, ako vyzerajú nadpisy, ako sa zobrazujú obrázky a mnoho ďalších prvkov. Informujú prehliadač, ako má webovú stránku zobraziť. Formát celých webových stránok je teda možné zmeniť prepnutím iba jedného kódu.

DHTML

DHTML je skratka pre Dynamic HyperText Markup Language. Je to výraz pre jazyk, ktorý spája viacero jazykov pre webový dizajn – HTML, JavaScript a CSS – do jedného super jazyka pre vývoj webu. To je zvyčajne to, čo moderní weboví vývojári používajú na vytvorenie webovej stránky pre vás.

Doctype. Definície a pojmy webového dizajnu.

V HTML je typ dokumentu popisom toho, aký typ HTML a verzia sa používa na webovej stránke. Používajú ho prehliadače na kontrolu integrity stránky a môže spôsobiť chyby zabezpečenia, ak je nesprávna.

Em. EM. Podmienky webdizajnu

Em sa používa na popis veľkosti písma vo vzťahu k „nadradenému“ písmu použitému na stránke. 1Em znamená, že písmo (alebo niekedy iné prvky) majú rovnakú veľkosť ako ich rodičovský prvok, 2em znamená, že sú dvakrát väčšie atď.

Vložený štýl. Vstavaný štýl. Podmienky webdizajnu

Zatiaľ čo CSS (pozri vyššie) možno použiť na popis formátu celých stránok naraz, niekedy stačí zmeniť štýl iba na jednej stránke. Vtedy sa používa vložený štýl. Vložený štýl je časť kódu CSS zapísaná do hlavičky webovej stránky, ktorá ovplyvňuje iba prvky na tejto stránke, nie celú vašu webovú lokalitu.

Rodina/štýl/hmotnosť písma. Rodina/štýl/hmotnosť písma

Weboví dizajnéri a vývojári často nepracujú s určitými fontami, pretože rôzne prehliadače nie vždy používajú rovnaké fonty. To je dôvod, prečo v dokumente CSS uvidíte, že použitý font je definovaný ako rodina fontov – skupina fontov, ktoré je možné použiť – a nie iba jedno samostatne. Spolu s touto definíciou bude CSS dokument definovať aj štýl písma (kurzíva, podčiarknuté atď.) a hmotnosť (tučné, svetlé atď.).

HTML. Definície a pojmy webového dizajnu.

Hypertextový značkovací jazyk je základom internetu. Všetky webové stránky sú napísané, aspoň do určitej miery, v HTML, ktoré bolo navrhnuté tak, aby bolo čo najjednoduchšie. V skutočnosti to môže byť veľmi užitočné, skúste to Výučba na HTML kód, aby ste zistili, či sa to ľahko píše – budete prekvapení, čo môžete dosiahnuť za pár hodín!

Metadáta.

Metadáta sú údaje obsiahnuté v hlavičke webových stránok. Tieto údaje sú dostupné pre váš prehliadač, ale nezobrazujú sa ako súčasť webovej stránky, ktorú si prezeráte – na prístup k nim budete musieť zobraziť zdrojový kód.

Open Source. Open source. Podmienky webdizajnu

Softvér s otvoreným zdrojovým kódom je podporovaný používateľmi a možno ho voľne používať a upravovať. To je v kontraste s proprietárnym softvérom, ktorý vlastní a udržiava konkrétna spoločnosť. Väčšina webových vývojárov bude aspoň niekedy používať softvér s otvoreným zdrojovým kódom, pretože je nielen lacnejší, ale môže byť aj bezpečnejší. V súčasnosti väčšina webových vývojárov minimalizuje narušenia bezpečnosti pomocou kontajnerov napísaných v jazykoch s otvoreným zdrojovým kódom.

Inscenácia. Inscenácia. Definície a pojmy webového dizajnu.

Staging website je proces vytvorenia takmer finálnej kópie a následného testovania pred nasadením živej verzie lokality. Väčšina webových vývojárov „predstavuje“ webovú stránku pred jej uvoľnením, aby sa uistili, že všetko funguje správne. A často sa veľké zmeny na webovej lokalite dejú skôr na pracovnej stránke ako na živej lokalite.

Platné. Platné.

Vo webdizajne sú platné webové stránky také, ktoré neobsahujú chyby. V praxi to znamená webové stránky, ktoré sa riadia štandardmi stanovenými v špecifikáciách HTML publikovaných W3C, komunitou, ktorá stanovuje štandardy pre vývoj webových aplikácií.

XML. Podmienky webdizajnu

XML je skratka pre Extensible Markup Language. XML je základnou súčasťou webového dizajnu, pretože funguje ako „metaljazyk“, ktorý prekladá prvky jedného jazyka do druhého. To znamená, že webové stránky môžu byť vytvorené pomocou mnohých rôznych jazykov, z ktorých všetky komunikujú prostredníctvom XML.

Posledná vec…

Samozrejme, na začiatok nepotrebujete poznať všetky tieto definície a termíny webdesignu. vývoj webových stránok - buď samostatne alebo s pomocou. V konečnom dôsledku je webový dizajn procesom učenia a najlepšie návrhy sú opakovateľné umelecké diela, ktoré sa neustále zlepšujú, keď sa učíte nové veci.

Môže však byť veľmi užitočné mať sprievodcu niekedy zložitým svetom webdizajnu, najmä keď práve začínate. Naši profesionálni webdizajnéri vám pomôžu začať vo vzrušujúcom svete webdizajnu.

АЗБУКА

 

Animácia loga.