Webbplatsterminologi: Vilken Jargong Bör Du Veta?

det känns som irriterande design boffins skapa webbplats terminologi bara för att förvirra oss. Främre. Back-end. Design. Utveckla. Varför inte göra det enkelt?

om du funderar på att bygga eller omforma en webbplats behöver du den här artikeln. För det första, låt oss ta en titt på skillnaden mellan webbdesign och webbutveckling. Annars känd som front-end och back-end.

Vad är skillnaden mellan webbdesign och webbutveckling terminologi?

webbdesigners är de mer kreativa av de två, som handlar om webbplatsens visuella och layout. Vill du ha en viss färg där? Större text här? De ordnar det.

det är vanligt att de har bakgrund inom grafisk design och konst, så de vet hur man får saker att se vackra ut!

en webbutvecklares jobb är annorlunda, de kommer att bygga kärnan på webbplatsen. De fokuserar på de tekniska aspekterna och ser till att allt fungerar. Detta innebär inmatning av kod till webbplatser för optimal prestanda. De är logiska och tenderar att ha bakgrund inom datavetenskap eller programmering.

till exempel är utsidan av en bil visuellt tilltalande, medan motorn är byggd för manövrerbarhet.

för att göra det enkelt, vi kommer att bryta upp guiden i designer och utvecklare webbplats terminologi. Håll fast vid din Hertz, nu kör vi!

Designer webbplats terminologi

innehåll

det är ingen nytta att ha en mind-blowing webbplats om ditt innehåll är överallt. Vart går dina kontaktuppgifter? Är visuella på rätt plats? Vad sägs om vitt utrymme? Ingen vill ha huvudvärk när de besöker din webbplats. Att få dessa aspekter rätt kommer att göra dina besökares resa mer njutbar och öka din chans att visas i sökmotorer.

kolla in det här exemplet från Lyft, det finns inte mycket innehåll där, men det är det som får det att fungera. Det finns en enkel uppmaning i mitten av sidan, åtföljd av en söt animering. Det finns ingen chans att du kommer till den här webbplatsen och är omedveten om vad målet med innehållet är.

tillgänglighet

denna aspekt av design förbises ofta av många webbdesigners, men bör vara en del av din webbdesign grunderna. Det är hur Tillgänglig din webbplats är för personer med funktionshinder.

handikappguider, enkel kopia och större ikoner hjälper dem att navigera på webbplatsen. Dessa funktioner är populära hos vårdorganisationer. Här är ett exempel på Fight for Sight, som har en teckensnittsjusterare längst upp till höger på hemsidan.

CSS (Cascading Style Sheets)

CSS är ett typografispråk som används för att beskriva layouten för HTML-kod. I enklare termer är HTML språket i texten och CSS är språket för siddesign. CSS sparar mycket arbete för webbutvecklare eftersom det hjälper dem att formatera sin HTML-kod i olika layouter och stilar.

statisk Layout

denna typ av layout är lättare att designa men är inte lika flexibel för användaren. Om en sida har samma bredd för varje besökare kan det vara oförutsägbart på olika enheter. De flesta företag har bytt till responsiv design med ökningen av mobil, men du kan hitta några företag som använder den.

Favicon

en favicon är en bild som visas bredvid ditt domännamn i webbläsarens adressfält. Det är bra att stämma din logotyp eller något som rör ditt företag. Behöver du inspiration? Ta en titt på några av dessa coola logotypdesigner!

brännpunkt

var Vill du att ögat ska fokusera? En logotyp? En produkt? Om din webbplats är för rörig eller om du inte vet vart du vill att användaren ska gå kan de lämna. Amazon använder toppbannern som sin kontaktpunkt, men inte alla företag kan spela på säsongshändelser för att skapa affärer, så tänk på vad som gör att du sticker ut.

HTML (Hypertext Markup Language)

talar du dator? Lyckligtvis gör designers det. De matar in koder i en textfil, webbläsaren läser den och översätter den till smältbar form. En rad typografi, design och datorprogrammering krävs för HTML-kodning.

upplösning

termen som används för antalet pixlar i de vertikala och horisontella elementen på en skärm. Även om många tror att det är längden och bredden.

responsiv Layout

responsiva layouter är anpassningsbara och ändras beroende på användarenheten. De optimerar sidan för att passa så mycket innehåll som möjligt. Denna layout är en stapelvara i webbdesign grunderna.

stilguide

när du utformar en webbplats är det viktigt att ha en konsekvent stil. För många färger eller former kan förvirra användaren, så det är viktigt att ha en kompletterande blandning. Ta en titt på Spotiys stilguide, något så litet som en logotyp felplacering kan sätta deras varumärke i fara.

UX Design

Hur känner användaren när de besöker din webbplats? Om det är praktiskt och enkelt att använda kommer de att vara mer benägna att stanna kvar på webbplatsen. Om det finns många trasiga länkar kommer de att känna sig besvikna. Det är viktigt att komma in i användarens tankesätt och empati med sina problem.

grafiskt användargränssnitt

Apple gör enheter lämpliga för små barn. Titta på den mobila startskärmen med alla appar och menyer. Gui ska vara enkelt och lätt att navigera, vilket är helt ner till smart design.

Tillväxtdriven Design

Tillväxtdriven design är praxis att bygga en webbplats med enkla webbdesigngrunder. Designern kommer att lägga till mer komplexa funktioner när de bygger webbplatsen. Det betyder att oavsett vilka problem det har, skyddas de av starka fundament. Du skulle inte sätta taket på ett hus utan att lägga grunden först. Du kan sedan uppdatera webbplatsen regelbundet och se till att den alltid är uppdaterad.

Utvecklare webbplats terminologi

AJAX (asynkron JavaScript och XML)

Ajax använder olika programmeringsverktyg för att skicka och hämta data utan att behöva uppdatera en webbsida. Om du har din Facebook-hemsida uppe i en webbläsare kommer den att uppdateras för att ge dig uppdateringar. Här är ett exempel på Ajax-kod.

Back-end

webbplatser är inte ytliga; det finns många interna processer som användaren inte kan se. Baksidan av din webbplats är där du uppdaterar programvara, publicerar bloggar i ditt CMS och laddar upp nya produkter. Detta är backas upp av WordPress..

Bad neighborhood

a bad neighborhood är en grupp webbplatser med dåligt rykte och sökrankningar. Du skulle inte vilja bo i ett dåligt område, och inte heller din webbplats. Att sätta din webbplats i oseriösa stadsdelar kommer att buckla dina chanser att visas i en sökmotor. Få det bästa värdpaketet; du vill inte ha straff för dina grannars stygga beteende!

bandbredd

din video buffrar. Varför?! Bandbredd är nivån på trafik och data som kan passera genom din webbplats. Större företag behöver mer bandbredd eftersom de får högre trafik och datapassager. Bandbredd varierar, så det är viktigt att få rätt belopp för ditt företag.

Cache

en cache är en enhets tillfälliga lagringsutrymme och förbättrar programmets prestanda. När du besöker en webbsida kommer din webbläsare att registrera de sidor du besöker och lagra filerna i cachen. Det betyder att webbläsaren inte behöver läsa om dem, vilket sparar tid.

Cookies

Cookies är små textfiler som innehåller grundläggande information om de webbplatser du besöker. Cookies hjälper webbservrar att bestämma preferenser genom att titta på vilka typer av webbplatser du besöker eller vad du lägger i din kundvagn.

det har varit mycket negativ press Om cookies de senaste åren eftersom det finns problem med integritet. Ta en titt på den här inloggningen från Amazon, vilket möjliggör automatisk inloggning innebär att företaget lämnar en spårningskaka i din webbläsare så att du inte behöver logga in.

databas

som du förväntar dig är en databas ett lagringsnav för data. När webbläsare navigerar genom din webbplats anger de sökfrågor eller personlig information. Din databas lagrar den informationen.

om du har en online klädaffär kan dina databaskolumner läsa:

• tshirt_size
• tshirt_colour
• tshirt_price

här är ett urval av en anonym databas.

Hosting

webbhotell ger oss möjlighet att skicka webbsidor till internet. De använder serverdatorer för att ansluta din webbplats till internet. När någon klickar på din webbplats sida, sidan kommer att skicka en begäran till servern, och det kommer att ladda upp.

JavaScript

JV är ett kompakt, flexibelt dynamiskt programmeringsspråk. Det finns massor av extra funktionalitet funktioner med JavaScript. Du kan mata in karuseller, 3D-bilder och videoströmmar på din webbplats.

PHP (Hypertext Preprocessor)

PHP är ett programmeringsspråk på serversidan som används för att utveckla flytande webbplatser och ansluta till databaser. Du kan till exempel ha en inloggningsknapp på din webbplats med en e-postadress och lösenordsruta ovan. När du matar in och skickar denna information skickar PHP den till en databas och kontrollerar att den är korrekt.

titta på det här kodexemplet, se hur det hanterar en inkommande begäran? Det är PHP.

Python

Python är ett webbutvecklingsramverk som har funnits sedan 1980-talet. Det är känt för sin användarvänlighet och läsbarhet. Nybörjare använder ofta Python som en språngbräda till andra utvecklingsverktyg. Förutom det är det gratis!

servrar

servrar gör mycket arbete, de är datorer efter en burk spenat. De lagrar enorma mängder data, till exempel CSS-ark, och ansluter till andra servrar via Internetanslutningar. Webbservrar lagrar webbinformation som webbadresser, när en webbläsare begär en sida kommer den att kommunicera med servern.

och det är skillnaden mellan onsdesign och webbutveckling. Du är nu kvalificerad att våffla webbplats terminologi till ditt hjärta innehåll!