Terminologie Webových Stránek: Jaký Žargon Byste Měli Vědět?

je to jako otravné design boffins vytvořit webové stránky terminologii jen proto, aby nás zmást. Předek. Back-end. Design. Vyvinout. Proč ne dělat věci jednoduché?

pokud uvažujete o vytvoření nebo přepracování webové stránky, potřebujete tento článek. Nejprve se podívejme na rozdíl mezi webdesignem a vývojem webu. Jinak známý jako front-end a back-end.

jaký je rozdíl mezi webdesignem a terminologií vývoje webu?

weboví designéři jsou kreativnější ze dvou, zabývající se vizuálem a rozvržením webových stránek. Chcete tam určitou barvu? Větší text? Oni to vyřeší.

je běžné, že mají pozadí v grafickém designu a umění, takže budou vědět, jak věci vypadat hezky!

práce webového vývojáře je jiná, vytvoří jádro webu. Zaměřují se na technické aspekty a ujistěte se, že vše funguje. To zahrnuje zadávání kódu na webové stránky pro optimální výkon. Jsou logické a mají tendenci mít zázemí v informatice nebo programování.

například vnější část vozu je vizuálně příjemná, zatímco motor je postaven pro manévrovatelnost.

abychom to zjednodušili, rozdělíme průvodce na terminologii webových stránek návrhářů a vývojářů. Držte se svého Hertze, jdeme na to!

terminologie webových stránek designéra

obsah

nemá smysl mít ohromující web, pokud je váš obsah všude. Kam směřují Vaše kontaktní údaje? Jsou vizuály na správném místě? A co bílý prostor? Nikdo nechce bolesti hlavy, když navštíví vaše stránky. Správné získání těchto aspektů učiní vaši návštěvníci cestu příjemnější a zvýší vaši šanci objevit se ve vyhledávačích.

podívejte se na tento příklad z Lyft, tam není velký obsah tam, ale to je to, co dělá to funguje. Ve středu stránky je jednoduchá výzva k akci, doprovázená roztomilou animací. Neexistuje žádná šance, že přijdete na tento web a nebudete si vědomi toho, co je cílem obsahu.

Přístupnost

Tento aspekt designu je často přehlížena, mnoho webové designéry, ale měla by být součástí vaší web design základy. Je to, jak přístupný je váš web pro osoby se zdravotním postižením.

průvodci postižením, jednoduchá kopie a větší ikony jim pomáhají navigovat na webu. Tyto funkce jsou oblíbené u zdravotnických organizací. Zde je příklad boje o zrak, kteří mají v pravém horním rohu domovské stránky nastavovač písma.

CSS (Cascading Style Sheets)

CSS styl list jazyk používaný k popisu rozložení HTML kódu. Zjednodušeně řečeno, HTML je jazyk textu a CSS je jazyk návrhu stránky. CSS šetří spoustu práce pro webové vývojáře, protože jim pomáhá formátovat jejich HTML kód do různých rozvržení a stylů.

Statické Uspořádání

Tento typ uspořádání je jednodušší design ale není tak flexibilní pro uživatele. Pokud má stránka stejnou šířku pro každého návštěvníka, může být na různých zařízeních nepředvídatelná. Většina společností přešla na citlivý design se vzestupem mobilu, ale můžete najít některé společnosti, které jej používají.

Favicon

favicon je obrázek, který se zobrazí vedle vašeho názvu domény v adresním řádku prohlížeče. Je to dobrý nápad žalovat vaše logo nebo něco, co se týká vašeho podnikání. Potřebujete inspiraci? Podívejte se na některé z těchto skvělých návrhů loga!

ohnisko

kam chcete oko zaostřit? Logo? Produkt? Pokud je váš web příliš přeplněný nebo nevíte, kam chcete, aby uživatel šel, mohli odejít. Amazon použít top banner jako jejich ústředním bodem, ale ne všechny společnosti mohou hrát na sezónní události generovat podnikání, takže přemýšlet o tom, co dělá vyniknout.

HTML (Hypertext Markup Language)

mluvíte počítačem? Naštěstí designéři Ano. Zadávají kódy do textového souboru, prohlížeč je přečte a převede do stravitelné podoby. Pro kódování HTML je zapotřebí řada typografických, designových a počítačových dovedností.

rozlišení

termín používaný pro počet pixelů ve svislých a vodorovných prvcích obrazovky. I když mnozí věří, že je to délka a šířka.

Citlivé Rozvržení

Reagovat rozložení, jsou adaptabilní a mění se v závislosti na zařízení uživatele. Optimalizují stránku tak, aby se vešly co nejvíce obsahu na jak je to možné. Toto rozvržení je základem základů webového designu.

Style Guide

Při navrhování webové stránky je důležité mít konzistentní styl. Příliš mnoho barev nebo tvarů může uživatele zmást, takže je důležité mít doplňkovou směs. Podívejte se na Spotiy stylu průvodce, něco jako mírné jako logo posunu může dát své značky v ohrožení.

UX Design

jak se uživatel cítí při návštěvě vašeho webu? Pokud je to praktické a snadno použitelné, bude pravděpodobnější, že zůstanou na webu. Pokud existuje spousta nefunkčních odkazů, budou se cítit zklamáni. Je důležité dostat se do myšlení uživatele a vcítit se do jeho problémů.

grafické uživatelské rozhraní

Apple dělá zařízení vhodná pro malé děti. Podívejte se na domovskou obrazovku mobilního telefonu se všemi aplikacemi a nabídkami. GUI by mělo být jednoduché a snadno ovladatelné, což je vše na chytrém designu.

Růst Řízený Design

Růst řízený design je praxe budování internetové stránky s jednoduchou, základy návrhu webu. Návrhář přidá složitější funkce při vytváření webových stránek. To znamená, že ať už má jakékoli problémy, jsou chráněny pevnými základy. Na dům byste nedali střechu, aniž byste nejprve položili základy. Poté můžete Web pravidelně aktualizovat a zajistit, aby byl vždy aktuální.

webové Stránky pro Vývojáře Terminologie

AJAX (Asynchronní JavaScript a XML)

AJAX používají různé programovací nástroje, odeslat a získat data bez nutnosti aktualizovat webové stránky. Pokud máte svou domovskou stránku Facebook v prohlížeči, bude vám aktualizovat aktualizace. Zde je příklad AJAX kódu.

Back-end

webové Stránky nejsou povrchní, existuje mnoho vnitřních procesů, které uživatel nevidí. Zadní konec vašeho webu je místo, kde aktualizujete software, publikujete blogy ve svém CMS a nahráváte nové produkty. Toto je podpořeno WordPress..

Špatné Sousedství

špatné sousedství je skupina z webové stránky se špatnou pověstí a vyhledávání žebříčku. Nechtěli byste žít ve špatném sousedství, a ani váš web. Uvedení vašich webových stránek do nepoctivých čtvrtí sníží vaše šance na objevení se ve vyhledávači. Získejte nejlepší hostingový balíček; nechcete trest za zlobivé chování svých sousedů!

šířka pásma

vaše video je vyrovnávací paměť. Proč?! Šířka pásma je úroveň provozu a dat, která mohou procházet vaším webem. Větší podniky potřebují větší šířku pásma, protože získají vyšší provoz a datové průchody. Šířka pásma se liší, takže je důležité získat správnou částku pro vaše podnikání.

mezipaměť

mezipaměť je dočasný úložný prostor zařízení a zlepšuje výkon aplikace. Když navštívíte webovou stránku, váš prohlížeč bude uchovávat záznamy o navštívených stránkách a ukládat soubory do mezipaměti. To znamená, že prohlížeč je nemusí znovu číst, což šetří čas.

Cookies

Cookies jsou malé textové soubory, které obsahují základní informace o webové stránky, které navštívíte. Soubory cookie pomáhají webovým serverům určit preference tím, že se podívají na typy navštívených stránek nebo na to, co vložíte do nákupního košíku.

v posledních letech došlo k velkému negativnímu tisku o souborech cookie, protože existují problémy s ochranou soukromí. Podívejte se na toto přihlášení z Amazonu, Povolení automatického přihlášení bude znamenat, že společnost ponechá ve Vašem prohlížeči sledovací soubor cookie, takže se nemusíte přihlašovat.

Databáze

Jak byste očekávali, databáze je skladování hub pro data. Jako prohlížeče procházet vaše webové stránky, které zadáte vyhledávací dotazy nebo osobní informace. Vaše databáze ukládá tyto informace.

Pokud máte on-line obchodní oblečení, databáze sloupce mohou číst:

• tshirt_size
• tshirt_colour
• tshirt_price

Zde je ukázka anonymní databáze.

Hosting

Web hostitelé nám dát sílu, aby psát webové stránky na internetu. Používají serverové počítače k připojení vašeho webu k internetu. Když někdo klikne na Vaši webovou stránku, stránka odešle požadavek na server a načte se.

JavaScript

JV je kompaktní, flexibilní dynamický programovací jazyk. S JavaScriptem je spousta dalších funkcí. Na své webové stránky můžete vkládat kolotoče, 3D obrázky a video streamy.

PHP (Hypertext Preprocessor)

PHP je server-side programovací jazyk použit k vytvoření tekutiny webové stránky a připojení k databázím. Například můžete mít na svém webu přihlašovací tlačítko s e-mailovou adresou a heslem výše. Když zadáte a odešlete tyto informace, PHP je odešle do databáze a zkontroluje, zda jsou správné.

podívejte se na tento příklad kódu a podívejte se, jak zpracovává příchozí požadavek? To je PHP.

Python

Python je webový framework pro vývoj, který byl kolem roku 1980. To je známý pro jeho snadné použití a čitelnost. Začátečníci často používají Python jako odrazový můstek k dalším vývojovým nástrojům. Kromě toho je to zdarma!

servery

servery dělají hodně práce, jsou to počítače po plechovce špenátu. Ukládají obrovské množství dat, například CSS listy, a připojují se k jiným serverům prostřednictvím připojení k internetu. Webové servery ukládají webové informace, jako jsou adresy URL, když prohlížeč požaduje stránku, bude komunikovat se serverem.

a to je rozdíl mezi designem St a vývojem webu. Teď jsi kvalifikovaný na vafle webové stránky terminologie, aby vaše srdce obsah!