Villkor för webbdesign

Webbdesign termer är de viktigaste sakerna en affärsman bör veta. Webbdesign är processen att skapa och organisera de visuella och funktionella aspekterna av en webbplats. Den innehåller olika termer och begrepp som beskriver olika aspekter av webbsidas design och utveckling.

Webbdesign har funnits länge och slösar ingen tid på att utveckla ett komplext språk fyllt med jargong. Så fort du tar ens det minsta steget in i webbdesignvärlden kommer du att börja höra: "Vilket CMS vill du använda?", "Vill du ha det ovanför mitten eller nedanför mitten?", "Vill du använda det?" vill ha en fast layout? ", "Vilket webbhotell vill du använda? ” och du undrar vad allt betyder. Vi vet att det kan vara ganska överväldigande att försöka ta reda på alla viktiga definitioner och termer för webbdesign, särskilt när det är nytt.

Webbdesign täcker ett brett spektrum av arbete, från webbutvecklare som skriver kod, till UI- och UX-designers som arbetar med gränssnitt, till webbdesigners som tar hand om utseendet och känslan på din webbplats. Det är många som är involverade i webbdesign.

Att lära sig vad bara några webbdesignförkortningar och jargong betyder kan göra saker mycket enklare för din designer och utvecklare, och kan också hjälpa dig att förstå hur din egen webbplats faktiskt fungerar. Så oavsett om du anlitar hjälp eller gör det själv, kan det vara praktiskt att känna till de vanligaste och mest förvirrande termerna inom webbdesign och utveckling:

 

Webbdesign definitioner och termer.

Tillgänglighet

Tillgänglighet för närvarande är av stor betydelse inom webbdesign. Detta betyder i huvudsak hur tillgänglig din webbplats är för människor, inklusive de med hörsel- eller synnedsättning. Detta är viktigt att tänka på innan och när du skapar din webbplats. Ta en titt på dessa sex steg för att göra din webbdesign tillgänglig om du inte vet var du ska börja.

10 Google-påföljder som kan påverka din webbplats

Nedanför mitten (och ovanför mitten).

Under och ovanför mitten finns två termer som har sitt ursprung i tidningar. "Vecket" är där tidningen viker sig. Topp och botten beskriver om information visas på den övre eller nedre halvan av vecket. För webbsidor definieras "vikningen" vanligtvis som den punkt där du ska börja scrolla, men principen är densamma - information som finns överst på sidan (ATF) är mer tillgänglig och synlig än information som finns på längst ner på sidan (BTF). . .

Resår (layout). Resår (layout). Villkor för webbdesign

Elastisk layout är ett tillvägagångssätt för webbsidesdesign som beskriver förhållandet mellan element och deras position på sidan i form av procentsatser snarare än specifikt utformade avstånd och storlekar. Det gör att webbsidor blir mer anpassningsbara – både efter de preferenser som dina besökare ställer in när det gäller storlek font och avståndet mellan dem, och för att optimera sidan för visning på en smartphone eller surfplatta.

Nuförtiden är elastiska layouter en viktig del av responsiva designmetoder, men innan idén om responsiv design föddes var elastiska layouter ett enkelt sätt att göra webbplatser responsiva.

Ex. Före detta

Ex är en måttenhet som använder ett gement "x" i teckensnittet som standardmått.

Fast bredd (layout). Fast bredd (layout). Webbdesign definitioner och termer.

En layout med fast bredd är en metod för att designa webbsidor där designern anger hur stor en webbsida är och exakt var element kommer att visas på den. Detta ger designers mycket mer kontroll över webbsidedesign än en elastisk layout, men gör sidor mindre responsiva. olika storlekar skärm.

hexadecimal.

Hexadecimala tal, även känd som "hex"-tal, är ett bas-16 talsystem, vilket innebär att de använder 16 tecken för att definiera en färg. Hexadecimala tal använder siffrorna 0 till 9 och bokstäverna A till F. Varje färg identifieras av tre par hexadecimala tal. Det första paret av siffror eller bokstäver hänvisar till den röda nyansen, det andra paret till den gröna nyansen och det tredje paret till den blå nyansen.

Oändlig Scroll. Oändlig Scroll

Oändlig rullning är när nytt innehåll laddas när du fortsätter att rulla. Detta skapar en "ändlös", aldrig sinande rullning. Några populära exempel på detta är Facebook, Pinterest eller Twitter tidslinjer.

Parallax-rullning. Parallax-rullning.

Denna rullningsmetod skapar en känsla av djup i hemsidedesign. När en användare rullar, kommer element på en webbplats att vara på olika avstånd och röra sig med olika hastigheter när användaren rullar. Detta skapar en illusion av djup och avstånd på en platt webbplats.

Integritetspolicy

Upplösning. Lov. Webbdesign definitioner och termer.

Upplösning är antalet pixlar som visas på skärmen. Detta är en standardmetod som används i webbdesign för att fastställa storlek bilder. Bildkvalitet beskrivs vanligtvis i pixlar per tum, med fler pixlar som resulterar i en högre bildkvalitet.

Responsiv / mobilvänlig / mobiloptimerad. Responsiv / Mobilvänlig / Mobiloptimerad

Från och med förra året kommer mer än hälften av webbtrafiken från smartphones. Det gör att det blir allt viktigare för en webbplats att se bättre ut på Mobil enheter, såväl som på datorer. Att göra webbplatser responsiva/mobilresponsiva/mobiloptimerade innebär att designa och utveckla en webbplats som anpassar sig till den enhet eller skärm som den visas på.

Användbarhet. Enkel användning.

Användbarhet är ett webbdesignkoncept som beskriver hur lätt din webbplats är för besökarna den är designad för. Helst kommer en besökare enkelt att kunna använda din webbplats när de stöter på den första gången, med minimala hinder, frustration och behovet av att be om hjälp. Att förstå användbarhetsprinciperna är ett viktigt steg för att skapa utmärkt hemsida.

UX (User Research) / UI (User Interface)

UX- och UI-design är arbete som förbättrar användarupplevelsen. Det är viktigt att känna till skillnaderna mellan UX och UI för att förstå hur de fungerar tillsammans.

UX, användarforskning, involverar varje aspekt av en användares upplevelse av en webbplats från början till slut. Mål - förbättra kvaliteten användarinteraktion med webbplatsen.

UI, användargränssnitt, fokuserar på de visuella och interaktiva delarna av en webbplats, såsom knappar, ikoner och typografi. Målet är att förbättra webbplatsens utseende och funktionalitet.

Anatomi av en frontend-webbplats. Webbdesign definitioner och termer.

-

Brödsmula. Ströbröd.

När webbsidor visar användarna hur de navigerade på webbsidan och hur de återvänder till hemsida, detta görs ofta med hjälp av ströbröd. Detta visas vanligtvis som en serie kapslade kategorier, till exempel Hem > Kategori > År > Månad > Inlägg.

Favoritikon. Favoritikon.

En favicon är en liten ikon som visas i webbläsarens flikfält. De är vanligtvis 16×16 pixlar i storlek (vilket faktiskt är väldigt litet) och sparas som .ico-, .gif- eller .png-bilder. Du kan använda nästan vilken bild som helst som ikon så länge den har rätt storlek och sparad i rätt format.

Brännpunkt. Samordnare.

Fokus på en webbsida är den del av sidan där din uppmärksamhet dras. Designers kommer att lägga mycket tid på att skapa en kontaktpunkt som verkligen fångar tittarens uppmärksamhet, och sedan sätta det viktigaste på sidan i fokus. Detta säkerställer att så många som möjligt ser det.

Framände. Framände.

Det här är alla element som bilder, text, sidor som folk kommer att se när de besöker din webbplats första gången. I grund och botten är detta vad människor kommer att interagera med och engagera sig med på en webbplats.

Hamburgare ikon. Hamburgare ikon.

Hamburgerikonen hänvisar till menyikonen som vanligtvis finns i senare program. Den har tre horisontella ränder (därav "hamburgaren") och döljer den traditionella navigeringsmenyn bakom en enda ikon.

Landningssida. Landningssida.

Detta är den allra första sidan som besökare på din webbplats kommer att se. Många webbplatser använder en dedikerad målsida för att lära sig något av besökaren (som att dela sin e-postadress eller en produktspecifik sida). Din landningssida är en av de viktigaste sidorna på din webbplats och du bör lägga mycket tid på att optimera den.

Navigering. Navigering.

Navigation är det system som används för att flytta mellan element på din webbsida och är en av de viktigaste delarna på en webbsida. Det är därför det är så viktigt att känna till nyckelprinciperna för webbnavigering. Mest ett lysande exempel Navigationer är menyer som visas på de flesta webbsidor. Men var också mycket uppmärksam på hur sidorna är organiserade och kopplingarna mellan dem. De kan också göra en webbsida mycket lättare för besökare att navigera.

Anatomi av en webbplats Backend. Webbdesign definitioner och termer.

-

Baksidan. Baksidan.

Detta är den del av ditt system som effektivt driver din webbplats, men som är dold för besökare. Det finns många olika back-end-komponenter tillgängliga, men de innehåller vanligtvis samma saker – applikationer, informationsstruktur och ditt CMS.

CMS

Ett innehållshanteringssystem är ett internt verktyg för att hantera ditt webbplatsinnehåll, lägga till användare, hantera kommentarer och möjligen mycket mer. Om du någonsin har använt WordPress för att skapa en webbplats, har du använt ett CMS. Ett CMS gör det mycket lättare att designa och skapa en webbsida eftersom det döljer mycket av råkoden som driver webbplatsen.

E-handel. Elektronisk handel.

Elektronisk handel betyder "elektronisk handel". precis som "e-post" betyder "elektronisk post". Vanligtvis lägger du till en butik på din webbplats e-handel, som kommer att hantera produktbeskrivningar, köp och försäljning samt kunddata.

HTTP/HTTPS

Det är ett system som hanterar kommunikation mellan webbläsare, servrar och webbapplikationer. Den definierar hur data ska paketeras och skickas.

HTTPS är en förlängning av HTTP som kan upprätta anslutningar över SSL (Secure Socket Layer). Detta är ett mycket säkrare sätt att dela data online. Många moderna webbläsare kommer att varna dig om en webbplats använder standard HTTP-protokollet snarare än HTTPS.

Som webbplatsägare kan du köpa de SSL-certifikat som behövs för att använda HTTPS från olika leverantörer. När den väl har lagts till kommer den att göra din webbplats säkrare och bygga upp förtroende hos dina kunder.

Plugin. Villkor för webbdesign

Ett litet program som installeras ovanpå huvudsidan och ger ytterligare säkerhet. Plugins är tillgängliga för de flesta populära CMS-plattformar och kan användas för många olika funktioner, från automatisering av blogginlägg till leadshantering.

Mall. Prov.

Mallar används i webbdesign på ungefär samma sätt som de används för dokument och bilder – för att säkerställa en konsekvent design på många olika sidor. De flesta CMS-plattformar kommer att förse dig med en uppsättning mallar för din webbplats som hjälper till att säkerställa konsekvens över dina sidor och din design på dem.

Tekniska villkor för Internet. Webbdesign definitioner och termer.

-

Ankare text. Ankare text.

Ankartext är en fras eller flera ord som innehåller en hyperlänk. Att använda rätt ankartext kan göra en enorm skillnad i hur väl din sida rankas i sökmotorerna.

Bakåtlänk. Bakåtlänk.

Dessa är länkar till din webbplats från andra webbplatser. När en annan webbplats länkar till din, till exempel för att dirigera sina läsare till en resurs, har du fått en bakåtlänk. Bakåtlänkar är mycket viktiga när det gäller att öka din sökranking eftersom flera bakåtlänkar från betrodda webbplatser kommer att öka din webbplatss synlighet.

Bandbredd. Bandbredd.

Bandbredd är en term som används i många olika sammanhang, men i huvudsak betyder det mängden data som skickas eller tas emot under en given period. Den kan till exempel användas för att beskriva din internethastighet, där den vanligtvis anges i kilobits per sekund (kbps). Det används dock ibland för att beskriva hur mycket data du kan använda per månad som en del av ditt webbhotellpaket.

Cache. Kontanter.

En cache är en uppsättning data som lagras i en webbläsare. Det betyder att nästa gång användaren besöker webbplatsen kommer sidan att laddas snabbare eftersom den laddas från lokalt minne.

Villkor för DNS-webbdesign

DNS står för Domain Name Service. Detta är systemet som din webbläsare hittar webbsidor med. När du azbyka.com.ua  , letar din webbläsare upp en "DNS-tabell" som konverterar denna människovänliga adress till en datorvänlig adress (det vill säga en som består av siffror). DNS-systemet håller reda på var alla webbsidor i världen finns så att din webbläsare kan hitta dem.

Домен

Detta är namnet på din webbplats. Du kan köpa domäner från många företag. De får inte innehålla mer än 63 tecken. Till exempel,  https://azbyka.com.ua/är vårt domännamn.

FTP

FTP står för File Transfer Protocol och är ett system för att överföra filer och data från lokal lagring (t.ex. på din dator) till din webbserver. För att använda FTP måste du ladda ner ett litet program som kallas en FTP-klient.

Permalänk. Permanent länk

En permalänk som låter dig ange en adress som alltid pekar på ett specifikt blogginlägg eller en sida, oavsett hur du ändrar strukturen på din webbplats runt den. Detta är mycket användbart om du använder blogginlägg för att öka trafiken till din webbplats eftersom du inte behöver ändra dussintals (eller hundratals) länkar manuellt om du bestämmer dig för att ändra design av din webbplats eller ändra ditt domännamn.

URL

En adress som anger var en specifik sida eller annan resurs kan hittas.

Webbhotell. Webbdesign definitioner och termer.

Ett webbhotell är ett företag som hanterar servrarna som lagrar din webbplats. Som vi förklarar i vår artikel om webbhotell kan webbhotell variera mycket i nivån på tjänster de erbjuder. Ett bra webbhotell kommer att kunna försäkra dig om att din webbplats kommer att vara tillgänglig 99,9 % av tiden, och kommer också att förse dig med verktygen för att hålla den säker och effektiv.

webbserver

En webbserver är den dator som faktiskt lagrar din webbsida. Det är troligen placerat i en serverinstallation som ägs av ditt webbhotell, även om det också är möjligt att köra dina egna servrar.

Terminologi för webbutveckling. Webbdesign definitioner och termer.

CSS

CSS står för Cascading Style Sheets, och tillsammans med HTML är dessa ark den mest grundläggande delen av alla webbsidor. För tio år sedan bestämdes webbsidesformatering, som storleken på rubriker eller om bilder hade ramar, i själva HTML-koden. Detta innebar att det var arbetskrävande att ändra formateringen processen att passera varje element sidor och kodändringar.

Med CSS är allt mycket enklare. En sidas stil finns i en (eller flera) CSS-filer som bestämmer hur rubriker ser ut, hur bilder visas och många andra element. De talar om för webbläsaren hur den ska visa webbplatsen. Således kan formatet på hela webbplatser ändras genom att bara byta en kod.

DHTML

DHTML står för Dynamic HyperText Markup Language. Det är en term för ett språk som kombinerar flera webbdesignspråk – HTML, JavaScript och CSS – till ett superspråk för webbutveckling. Detta är vanligtvis vad moderna webbutvecklare kommer att använda för att skapa en webbplats åt dig.

Doctype. Webbdesign definitioner och termer.

I HTML är en dokumenttyp en beskrivning av vilken typ av HTML och vilken version som används på en webbsida. Den används av webbläsare för att kontrollera sidans integritet och kan orsaka säkerhetsfel om den är felaktig.

Em. EM. Villkor för webbdesign

Em används för att beskriva storleken på ett teckensnitt i förhållande till det "förälder"-teckensnitt som används på sidan. 1Em betyder att teckensnittet (eller ibland andra element) har samma storlek som deras överordnade element, 2em betyder att de är dubbelt så stora, och så vidare.

Inbäddad stil. Inbyggd stil. Villkor för webbdesign

Medan CSS (se ovan) kan användas för att beskriva formatet på hela sidor samtidigt, behöver du ibland bara ändra stilen på en sida. Det är då en inline-stil används. En inline-stil är en bit CSS-kod skriven i huvudet på en webbsida som bara påverkar element på den sidan, inte hela din webbplats.

Teckensnittsfamilj/stil/vikt. Teckensnittsfamilj/stil/vikt

Webbdesigners och utvecklare arbetar ofta inte med vissa typsnitt eftersom olika webbläsare inte alltid använder samma typsnitt. Det är därför du i ett CSS-dokument kommer att se att teckensnittet som används definieras som en teckensnittsfamilj - en grupp teckensnitt som kan användas - snarare än bara ett individuellt. Tillsammans med denna definition kommer CSS-dokumentet också att definiera teckensnittsstilen (kursiv, understruken, etc.) och vikt (fet, lätt, etc.).

HTML. Webbdesign definitioner och termer.

Hypertextmarkeringsspråk är grunden för Internet. Alla webbsidor är skrivna, åtminstone till viss del, i HTML, som är designat för att vara så lätt att skriva som möjligt. Faktum är att det kan vara väldigt användbart, prova det Handledning på HTML-kod, för att se om det är lätt att skriva - du kommer att bli förvånad över vad du kan åstadkomma på några timmar!

Metadata.

Metadata är den information som finns i rubriken på webbsidor. Denna data är tillgänglig för din webbläsare, men visas inte som en del av webbsidan du tittar på - du måste visa källkoden för att komma åt den.

Öppen källa. Öppen källa. Villkor för webbdesign

Programvara med öppen källkod är användarstödd och kan fritt användas och modifieras. Detta står i kontrast till proprietär programvara, som ägs och underhålls av ett specifikt företag. De flesta webbutvecklare kommer att använda programvara med öppen källkod åtminstone ibland eftersom det inte bara är billigare, utan det kan också vara säkrare. Nuförtiden minimerar de flesta webbutvecklare säkerhetsintrång genom att använda behållare skrivna på språk med öppen källkod.

Iscensättning. Iscensättning. Webbdesign definitioner och termer.

Staging webbсайта är processen att skapa en nästan sista kopia av den och sedan testa den innan du distribuerar liveversionen av webbplatsen. De flesta webbutvecklare "iscensätter" en webbplats innan de släpper den för att se till att allt fungerar korrekt. Och ofta sker stora förändringar på en webbplats på iscensättningssidan snarare än på livesidan.

Giltig. Giltig.

Inom webbdesign är giltiga webbsidor de som inte innehåller fel. I praktiken innebär det webbsidor som följer de standarder som anges i HTML-specifikationerna som publiceras av W3C, communityn som sätter standarder för webbutveckling.

XML. Villkor för webbdesign

XML står för Extensible Markup Language. XML är en grundläggande del av webbdesign eftersom det fungerar som ett "metaspråk" som översätter delar av ett språk till ett annat. Det innebär att webbsidor kan skapas med många olika språk, som alla kommunicerar via XML.

Sista sak…

Naturligtvis behöver du inte känna till alla dessa webbdesigndefinitioner och termer för att komma igång. webbutveckling - antingen självständigt eller med hjälp. I slutändan är webbdesign en inlärningsprocess, och de bästa designerna är repeterbara konstverk som ständigt förbättras när du lär dig nya saker.

Det kan dock vara till stor hjälp att få en guide genom webbdesignens ibland komplexa värld, särskilt när du precis har börjat. Våra professionella webbdesigners hjälper dig att komma igång i webbdesignens spännande värld.

АЗБУКА

 

Logotypanimering.