Termíny webdesignu jsou hlavní věci, které by měl obchodník znát. Web design je proces vytváření a organizace vizuálních a funkčních aspektů webových stránek. Zahrnuje různé termíny a koncepty, které popisují různé aspekty návrhu a vývoje webových stránek.
Webový design existuje již dlouhou dobu a neztrácí čas vývojem složitého jazyka plného žargonu. Jakmile uděláte sebemenší krůček do světa webdesignu, začnete slyšet: „Jaký CMS chcete použít?“, „Chcete ho nad okrajem nebo pod okrajem?“, „Chcete chcete pevné rozložení? ", "Jaký webhosting chcete používat? “ a vy se ptáte, co to všechno znamená. Víme, že pokusit se zjistit všechny klíčové definice a termíny webového designu může být docela zdrcující, zvláště když je to všechno nové.
Webdesign pokrývá širokou škálu práce, od webových vývojářů, kteří píší kód, přes UI a UX designéry, kteří pracují na rozhraních, až po webové designéry, kteří se starají o vzhled a dojem z vašeho webu. Webdesignu se věnuje mnoho lidí.
Když se naučíte, co znamenají jen některé zkratky a žargon webdesignu, může to vašemu návrháři a vývojáři hodně usnadnit práci a může vám také pomoci pochopit, jak vaše vlastní webové stránky skutečně fungují. Ať už si tedy najmete pomoc nebo to uděláte sami, znalost nejběžněji používaných a nejčastěji matoucích termínů v oblasti webdesignu a vývoje se může hodit:
Definice webdesignu a termíny.
Přístupnost
Momentálně dostupný má ve webdesignu velký význam. V podstatě to znamená, jak jsou vaše webové stránky přístupné lidem, včetně sluchově nebo zrakově postižených. To je důležité mít na paměti před a při vytváření vašeho webu. Podívejte se na těchto šest kroků, jak zpřístupnit svůj webdesign, pokud nevíte, kde začít.
10 sankcí Google, které mohou ovlivnit váš web
Pod skladem (a nad skladem).
Pod a nad okrajem jsou dva termíny, které mají svůj původ v novinách. „Záhyb“ je místo, kde se skládají noviny. Top and Bottom popisuje, zda se informace zobrazují v horní nebo dolní polovině přehybu. U webových stránek je „záhyb“ obvykle definován jako bod, ve kterém byste měli začít rolovat, ale princip je stejný – informace, které jsou v horní části stránky (ATF), jsou přístupnější a viditelnější než informace, které jsou na spodní část stránky (BTF). . .
Elastické (rozložení). Elastické (rozložení). Podmínky webdesignu
Elastické rozvržení je přístup k návrhu webové stránky, který popisuje vztahy mezi prvky a jejich pozicí na stránce v procentech spíše než specificky navržené mezery a velikosti. To znamená, že webové stránky se stávají přizpůsobivějšími – a to jak podle preferencí vašich návštěvníků, pokud jde o velikost písmo a vzdálenost mezi nimi a optimalizovat stránku pro prohlížení na chytrém telefonu nebo tabletu.
V dnešní době jsou elastická rozvržení klíčovou součástí přístupů k responzivnímu designu, ale než se zrodila myšlenka responzivního designu, poskytovala elastická rozvržení snadný způsob, jak učinit webové stránky responzivními.
Př. Bývalý
Ex je měrná jednotka, která jako svou standardní míru používá malé písmeno "x" v písmu.
Pevná šířka (rozložení). Pevná šířka (rozložení). Definice webdesignu a termíny.
Rozvržení s pevnou šířkou je způsob navrhování webových stránek, při kterém návrhář určuje, jak velká je webová stránka a kde přesně se na ní prvky objeví. To dává návrhářům mnohem větší kontrolu nad návrhem webových stránek než elastické rozvržení, ale stránky jsou méně citlivé. různé velikosti obrazovka.
Hexadecimální.
Hexadecimální čísla, známá také jako „hexadecimální“ čísla, jsou číselným systémem se základnou 16, což znamená, že k definování barvy používají 16 znaků. Hexadecimální čísla používají čísla 0 až 9 a písmena A až F. Každá barva je identifikována třemi dvojicemi hexadecimálních čísel. První pár čísel nebo písmen označuje červený odstín, druhý pár zelený odstín a třetí pár modrý odstín.
Nekonečné rolování. Nekonečné rolování
Nekonečné posouvání je, když se při dalším posouvání načítá nový obsah. Vznikne tak „nekonečný“, nikdy nekončící svitek. Mezi oblíbené příklady patří časové osy Facebooku, Pinterestu nebo Twitteru.
Paralaxní rolování. Paralaxní rolování.
Tato metoda posouvání vytváří pocit hloubky design webových stránek. Když uživatel posouvá, prvky na webu budou v různých vzdálenostech a pohybují se různou rychlostí, jak uživatel posouvá. To vytváří iluzi hloubky a vzdálenosti na plochém webu.
Rozlišení. Povolení. Definice webdesignu a termíny.
Rozlišení je počet pixelů zobrazených na obrazovce. Jedná se o standardní metodu používanou ve webovém designu k určení размера snímky. Kvalita obrazu se obvykle popisuje v pixelech na palec, přičemž více pixelů vede k vyšší kvalitě obrazu.
Responzivní / optimalizované pro mobily / optimalizované pro mobily. Responzivní / Mobilní / Optimalizováno pro mobily
Od loňského roku pochází více než polovina webového provozu z chytrých telefonů. To znamená, že je stále důležitější, aby web vypadal lépe mobilní zařízení, stejně jako na počítačích. Učinit weby responzivní/mobilně/optimalizované pro mobily znamená navrhnout a vyvinout web, který se přizpůsobí zařízení nebo obrazovce, na které je prohlížen.
Použitelnost. Snadnost použití.
Použitelnost je koncept webového designu, který popisuje, jak snadný je váš web pro návštěvníky, pro které byl navržen. V ideálním případě bude návštěvník moci snadno používat vaše stránky, když se s nimi poprvé setká, s minimálními překážkami, frustrací a nutností požádat o pomoc. Pochopení principů použitelnosti je klíčovým krokem při vytváření vynikající webová stránka.
UX (uživatelský průzkum) / UI (uživatelské rozhraní)
UX a UI design je práce, která zlepšuje uživatelský zážitek. Je důležité znát rozdíly mezi UX a UI, abyste pochopili, jak spolu fungují.
UX, uživatelský průzkum, zahrnuje každý aspekt uživatelské zkušenosti s webem od začátku do konce. Cílová - zlepšit kvalitu interakce uživatele s webem.
UI, uživatelské rozhraní, se zaměřuje na vizuální a interaktivní prvky webové stránky, jako jsou tlačítka, ikony a typografie. Cílem je zlepšit vzhled a funkčnost webu.
Anatomie frontendového webu. Definice webdesignu a termíny.
-
Strouhanka. Strouhanka.
Když webové stránky ukazují uživatelům, jak se na webové stránce pohybovali a jak se na ni vrátit Domácí, to se často provádí pomocí strouhanky. Obvykle se zobrazuje jako řada vnořených kategorií, například Domov > Kategorie > Rok > Měsíc > Příspěvek.
Favicon. Favicon.
Favicon je malá ikona, která se zobrazuje na liště vašeho prohlížeče. Obvykle mají velikost 16×16 pixelů (což je ve skutečnosti velmi málo) a ukládají se jako obrázky .ico, .gif nebo .png. Jako ikonu můžete použít téměř jakýkoli obrázek, pokud má správnou velikost a je uložen ve správném formátu.
Ohnisko. Koordinátor.
Zaměření webové stránky je ta část stránky, na kterou upoutáte vaši pozornost. Návrháři stráví spoustu času vytvořením ústředního bodu, který skutečně upoutá pozornost diváka, a pak zaměří na to nejdůležitější na stránce. Tím je zajištěno, že jej uvidí co nejvíce lidí.
Přední konec. Přední konec.
To jsou všechny prvky, jako jsou obrázky, text, stránky, které lidé uvidí při první návštěvě vašeho webu. V podstatě to je to, s čím budou lidé na webu interagovat a zapojovat se do něj.
Ikona hamburgeru. Ikona hamburgeru.
Ikona hamburgeru odkazuje na ikonu nabídky, která se běžně vyskytuje v pozdějších programech. Má tři vodorovné pruhy (proto ten „hamburger“) a za jedinou ikonou skrývá tradiční navigační menu.
Vstupní stránka. Vstupní stránka.
Toto je úplně první stránka, kterou návštěvníci vašeho webu uvidí. Mnoho webových stránek používá vyhrazenou vstupní stránku, aby se od návštěvníka něco dozvědělo (například sdílení jeho e-mailové adresy nebo stránky specifické pro produkt). Vaše vstupní stránka je jednou z nejdůležitějších stránek na vašem webu a měli byste věnovat hodně času její optimalizaci.
Navigace. Navigace.
Navigace je systém používaný k pohybu mezi prvky na vaší webové stránce a je jedním z nejdůležitějších prvků jakékoli webové stránky. Proto je tak důležité znát klíčové principy navigace na webu. Nejvíc zářným příkladem Navigace jsou nabídky, které se zobrazují na většině webových stránek. Věnujte ale také velkou pozornost tomu, jak jsou stránky uspořádány a propojení mezi nimi. Mohou také návštěvníkům výrazně usnadnit navigaci na webové stránce.
Anatomie backendu webových stránek. Definice webdesignu a termíny.
-
Zadní konec. Zadní konec.
Toto je část vašeho systému, která efektivně provozuje vaše stránky, ale je skryta před návštěvníky. K dispozici je mnoho různých back-endových komponent, ale všechny obvykle obsahují stejné věci – aplikace, informační strukturu a váš CMS.
CMS
Redakční systém je interní nástroj pro správu obsahu vašich webových stránek, přidávání uživatelů, správa komentářů a možná i mnoho dalšího. Pokud jste někdy použili WordPress k vytvoření webu, použili jste CMS. CMS výrazně usnadňuje navrhování a vytváření webové stránky, protože skrývá velkou část surového kódu, který pohání web.
Elektronický obchod. Elektronický obchod.
Elektronický obchod znamená „elektronický obchod“. stejně jako „e-mail“ znamená „elektronická pošta“. Obvykle přidáte obchod na svůj web e-commerce, která bude zpracovávat popisy produktů, nákupy a prodeje a zákaznická data.
HTTP/HTTPS
Jedná se o systém, který zajišťuje komunikaci mezi prohlížeči, servery a webovými aplikacemi. Definuje, jak mají být data zabalena a odeslána.
HTTPS je rozšíření HTTP, které může navázat spojení přes SSL (Secure Socket Layer). Jedná se o mnohem bezpečnější způsob sdílení dat online. Mnoho moderních webových prohlížečů vás upozorní, pokud web používá standardní protokol HTTP namísto HTTPS.
Jako vlastník webu si můžete zakoupit certifikáty SSL potřebné k používání HTTPS od různých poskytovatelů. Po přidání zvýší bezpečnost vašeho webu a vybuduje důvěru u vašich zákazníků.
Zapojit. Podmínky webdesignu
Malý program, který se instaluje na hlavní web a poskytuje dodatečné zabezpečení. Pluginy jsou k dispozici pro většinu populárních platforem CMS a lze je použít pro mnoho různých funkcí, od automatizace blogových příspěvků po správu potenciálních zákazníků.
Šablona. Vzorek.
Šablony se ve webovém designu používají v podstatě stejným způsobem, jakým se používají pro dokumenty a obrázky – aby byl zajištěn konzistentní design na mnoha různých stránkách. Většina platforem CMS vám poskytne sadu šablon pro váš web, které vám pomohou zajistit konzistenci napříč vašimi stránkami a vaším designem na nich.
Technické podmínky pro internet. Definice webdesignu a termíny.
-
Kotva text. Kotva text.
Kotevní text je fráze nebo několik slov, která obsahují hypertextový odkaz. Použití správného kotvícího textu může mít obrovský rozdíl v tom, jak dobře se vaše stránka umísťuje ve vyhledávačích.
Zpětný odkaz. Zpětný odkaz.
Toto jsou odkazy na vaše stránky z jiných stránek. Když jiný web odkazuje na váš, například aby nasměroval své čtenáře na zdroj, obdrželi jste zpětný odkaz. Zpětné odkazy jsou velmi důležité, pokud jde o zvýšení vašeho hodnocení ve vyhledávání, protože více zpětných odkazů z důvěryhodných stránek zvýší viditelnost vašeho webu.
Šířka pásma. Šířka pásma.
Šířka pásma je termín používaný v mnoha různých kontextech, ale v podstatě znamená množství dat odeslaných nebo přijatých v daném období. Lze jej použít například pro popis rychlosti vašeho internetu, kde se obvykle uvádí v kilobitech za sekundu (kbps). Někdy se však používá k popisu toho, kolik dat můžete měsíčně použít jako součást svého webhostingového balíčku.
Mezipaměti. Hotovost.
Mezipaměť je sada dat, která jsou uložena ve webovém prohlížeči. To znamená, že až uživatel příště navštíví web, stránka se načte rychleji, protože se načítá z místní paměti.
Podmínky návrhu webu DNS
DNS je zkratka pro Domain Name Service. Toto je systém, pomocí kterého váš webový prohlížeč vyhledává webové stránky. Když vás azbyka.com.ua , váš prohlížeč vyhledá „tabulku DNS“, která tuto uživatelsky přívětivou adresu převede na počítačově přívětivou adresu (tj. složenou z čísel). Systém DNS sleduje, kde jsou všechny webové stránky na světě, aby je váš prohlížeč mohl najít.
Domén
Toto je název vašeho webu. Domény můžete zakoupit od mnoha společností. Mohou obsahovat maximálně 63 znaků. Například, https://azbyka.com.ua/je název naší domény.
FTP
FTP je zkratka pro File Transfer Protocol a je to systém pro přenos souborů a dat z místního úložiště (řekněme na vašem počítači) na váš webový server. Chcete-li používat FTP, musíte si stáhnout malý program s názvem FTP klient.
Trvalý odkaz. Trvalý odkaz
Permalink, který vám umožní zadat adresu, která bude vždy ukazovat na konkrétní blogový příspěvek nebo stránku, bez ohledu na to, jak kolem nich změníte strukturu svého webu. To je velmi užitečné, pokud používáte blogové příspěvky ke zvýšení návštěvnosti vašich stránek, protože nemusíte ručně měnit desítky (nebo stovky) odkazů, pokud se rozhodnete změnit design vašeho webu nebo změnit název domény.
URL
Adresa označující, kde lze nalézt konkrétní stránku nebo jiný zdroj.
Web hosting. Definice webdesignu a termíny.
Webhosting je společnost, která spravuje servery, které ukládají vaše веб-сайт. Jak vysvětlujeme v našem článku o webhostingu, weboví hostitelé se mohou značně lišit v úrovni služeb, které nabízejí. Dobrý webový hostitel vás bude schopen ujistit, že vaše stránky budou dostupné 99,9 % času, a také vám poskytne nástroje, které zajistí jejich bezpečnost a efektivitu.
webový server
Webový server je počítač, který ve skutečnosti ukládá vaši webovou stránku. S největší pravděpodobností se nachází v serverové instalaci, kterou vlastní váš webový hostitel, i když je také možné provozovat vlastní servery.
Terminologie vývoje webu. Definice webdesignu a termíny.
CSS
CSS je zkratka pro Cascading Style Sheets a spolu s HTML jsou tyto listy nejzákladnější součástí každé webové stránky. Před deseti lety se formátování webových stránek, jako je velikost nadpisů nebo to, zda mají obrázky ohraničení, určovalo v samotném HTML kódu. To znamenalo, že změna formátování byla náročná na práci proces předávání každého prvku stránky a změny kódu.
S CSS je vše mnohem jednodušší. Styl stránky je obsažen v jednom (nebo více) souborech CSS, které určují, jak vypadají nadpisy, jak se zobrazují obrázky a mnoho dalších prvků. Řeknou prohlížeči, jak má web zobrazit. Formát celých webových stránek lze tedy změnit přepnutím pouze jednoho kódu.
DHTML
DHTML je zkratka pro Dynamic HyperText Markup Language. Je to termín pro jazyk, který spojuje více jazyků pro návrh webu – HTML, JavaScript a CSS – do jednoho super jazyka pro vývoj webu. To je obvykle to, co moderní weboví vývojáři používají k vytvoření webu pro vás.
Doctype. Definice webdesignu a termíny.
V HTML je typ dokumentu popisem toho, jaký typ HTML a verze se používá na webové stránce. Používá se v prohlížečích ke kontrole integrity stránky a může způsobit chyby zabezpečení, pokud je nesprávná.
Em. EM. Podmínky webdesignu
Em se používá k popisu velikosti písma ve vztahu k „nadřazenému“ písmu použitému na stránce. 1Em znamená, že písmo (nebo někdy jiné prvky) mají stejnou velikost jako jejich nadřazený prvek, 2em znamená, že jsou dvakrát větší a tak dále.
Vložený styl. Vestavěný styl. Podmínky webdesignu
Zatímco CSS (viz výše) lze použít k popisu formátu celých stránek najednou, někdy stačí změnit styl pouze na jedné stránce. To je, když je použit inline styl. Vložený styl je část kódu CSS zapsaná do záhlaví webové stránky, která ovlivňuje pouze prvky na této stránce, nikoli celý web.
Rodina písma/styl/váha. Rodina písma/styl/váha
Weboví návrháři a vývojáři často nepracují s určitými fonty, protože různé prohlížeče nepoužívají vždy stejné fonty. To je důvod, proč v dokumentu CSS uvidíte, že použité písmo je definováno jako rodina písem – skupina písem, které lze použít – a nikoli pouze jedno samostatně. Spolu s touto definicí bude dokument CSS definovat také styl písma (kurzíva, podtržené atd.) a tloušťku (tučné, světlé atd.).
HTML. Definice webdesignu a termíny.
Hypertextový značkovací jazyk je základem internetu. Všechny webové stránky jsou napsány, alespoň do určité míry, v HTML, které bylo navrženo tak, aby bylo co nejjednodušší. Ve skutečnosti to může být velmi užitečné, zkuste to Studijní průvodce na HTML kód, abyste zjistili, zda se to snadno píše – budete překvapeni, čeho můžete dosáhnout za pár hodin!
Metadata.
Metadata jsou data obsažená v záhlaví webových stránek. Tato data jsou dostupná pro váš prohlížeč, ale nezobrazují se jako součást webové stránky, kterou si prohlížíte – pro přístup k nim budete muset zobrazit zdrojový kód.
Open Source. Open source. Podmínky webdesignu
Open source software je uživatelsky podporovaný a lze jej volně používat a upravovat. To kontrastuje s proprietárním softwarem, který vlastní a udržuje konkrétní společnost. Většina webových vývojářů bude alespoň někdy používat software s otevřeným zdrojovým kódem, protože je nejen levnější, ale může být také bezpečnější. V současné době většina webových vývojářů minimalizuje narušení zabezpečení pomocí kontejnerů napsaných v jazycích s otevřeným zdrojovým kódem.
Inscenace. Inscenace. Definice webdesignu a termíny.
Staging webсайта je proces vytvoření téměř konečné kopie webu a následného testování před nasazením živé verze webu. Většina webových vývojářů „představuje“ web před jeho uvolněním, aby se ujistili, že vše funguje správně. A často se velké změny na webu odehrávají spíše na předváděcím webu než na živém webu.
Platný. Platný.
Ve webdesignu jsou platné webové stránky ty, které neobsahují chyby. V praxi to znamená webové stránky, které se řídí standardy stanovenými ve specifikacích HTML publikovaných W3C, komunitou, která stanovuje standardy pro vývoj webu.
XML. Podmínky webdesignu
XML je zkratka pro Extensible Markup Language. XML je základní součástí webového designu, protože funguje jako „metaljazyk“, který překládá prvky jednoho jazyka do druhého. To znamená, že webové stránky lze vytvářet pomocí mnoha různých jazyků, z nichž všechny komunikují prostřednictvím XML.
Poslední věc…
Abyste mohli začít, samozřejmě nemusíte znát všechny tyto definice a termíny webdesignu. vývoj webových stránek - buď samostatně, nebo s pomocí. Webdesign je nakonec proces učení a nejlepší návrhy jsou opakovatelná umělecká díla, která se neustále zlepšují, jak se učíte nové věci.
Může však být velmi užitečné mít průvodce někdy složitým světem webdesignu, zvláště když právě začínáte. Naši profesionální webdesignéři vám pomohou začít ve vzrušujícím světě webdesignu.
Zanechat komentář