Nettsted Terminologi: Hva Sjargong Bør Du Vite?

Det føles som pesky design boffins lage nettside terminologi bare for å forvirre oss. Front-end. Back-end. Design. Utvikle. Hvorfor ikke gjøre ting enkelt?

hvis du tenker på å bygge eller omstrukturere et nettsted, trenger du denne artikkelen. For det første, la oss se på forskjellen mellom webdesign og webutvikling. Ellers kjent som front-end og back-end.

Hva Er Forskjellen Mellom Webdesign Og Webutvikling Terminologi?

Webdesignere er de mer kreative av de to, som omhandler bildene og utformingen av nettstedet. Vil du ha en bestemt farge der? Større tekst her? De ordner det.

det er vanlig for dem å ha bakgrunn i grafisk design og kunst, så de vet hvordan de skal få ting til å se pen ut!

en webutvikler jobb er annerledes, de vil bygge kjernen av nettstedet. De fokuserer på de tekniske aspektene og sørger for at alt fungerer. Dette innebærer å legge inn kode på nettsteder for optimal ytelse. De er logiske og har en tendens til å ha bakgrunn i datavitenskap eller programmering.

for eksempel er utsiden av en bil visuelt behagelig, mens motoren er bygget for manøvrerbarhet.

For å gjøre ting enkelt, skal vi bryte opp guiden til designer og utvikler nettside terminologi. Hold Fast På Din Hertz, her går vi!

Designer Nettstedet Terminologi

Innhold

det er ingen vits å ha en halsbrekkende nettsted hvis innholdet er over alt. Hvor går dine kontaktdetaljer? Er bildene på rett sted? Hva med white space? Ingen ønsker hodepine når de besøker nettstedet ditt. Å få disse aspektene riktig vil gjøre besøkende reisen mer behagelig og øke sjansen for å vises i søkemotorer.

Sjekk ut dette eksemplet Fra Lyft, det er ikke mye innhold der, men det er det som gjør det til å fungere. Det er på enkel call-to-action i midten av siden, ledsaget av en søt animasjon. Det er ingen sjanse for at du kommer til dette nettstedet og være uvitende om hva målet med innholdet er.

Tilgjengelighet

dette aspektet av design blir ofte oversett av mange webdesignere, men bør være en del av ditt grunnleggende webdesign. Det er hvor tilgjengelig nettstedet ditt er for personer med funksjonshemninger.

Handicapguider, enkel kopi og større ikoner hjelper dem med å navigere på nettstedet. Disse funksjonene er populære blant helseorganisasjoner. Her er et eksempel På Kampen For Synet, som har en skriftjustering øverst til høyre på hjemmesiden.

CSS (Cascading Style Sheets)

CSS er et stilarkspråk som brukes til å beskrive utformingen AV HTML-koden. I enklere termer ER HTML språket i teksten OG CSS er språket i sidedesign. CSS sparer mye arbeid for webutviklere som det hjelper dem formatere SIN HTML-kode i ulike oppsett og stiler.

Statisk Layout

denne typen layout er enklere å designe, men er ikke så fleksibel for brukeren. Hvis en side har samme bredde for hver besøkende, kan den være uforutsigbar på forskjellige enheter. De fleste selskaper har byttet til responsiv design med fremveksten av mobil, men du kan finne noen selskaper som bruker den.

Favicon

et favicon er et bilde som vises ved siden av domenenavnet ditt i nettleserens adressefelt. Det er en god ide å saksøke logoen din eller noe som er relatert til virksomheten din. Trenger du inspirasjon? Ta en titt på noen av disse kule logo designene!

Fokuspunkt

hvor vil du at øyet skal fokusere? En logo? Et produkt? Hvis nettstedet ditt er for rotete eller du ikke vet hvor du vil at brukeren skal gå, kan de gå. Amazon bruker toppbanneret som fokuspunkt, men ikke alle selskaper kan spille på sesongmessige arrangementer for å generere forretninger, så tenk på hva som gjør at du skiller deg ut.

HTML (Hypertext Markup Language)

snakker du datamaskin? Heldigvis gjør designere det. De legger inn koder i en tekstfil, nettleseren leser den og oversetter den til fordøyelig form. En rekke typografi, design og programmering ferdigheter er nødvendig FOR HTML-koding.

Oppløsning

termen som brukes for antall piksler i de vertikale og horisontale elementene på en skjerm. Selv om mange tror det er lengden og bredden.

Responsive Layout

Responsive oppsett kan tilpasses og endres avhengig av brukerenheten. De optimaliserer siden for å passe så mye innhold på som mulig. Dette oppsettet er en stift av webdesign grunnleggende.

Stilguide

når du designer et nettsted, er det viktig å ha en konsekvent stil. For mange farger eller former kan forvirre brukeren, så det er viktig å ha en komplementær blanding. Ta En titt På Spotiy stil guide, noe så lite som en logo misplacement kan sette sin merkevarebygging i fare.

UX Design

Hvordan føler brukeren når de besøker nettstedet ditt? Hvis det er praktisk og enkelt å bruke, vil de være mer sannsynlig å bli på nettstedet. Hvis det er mange ødelagte koblinger, vil de føle seg skuffet. Det er viktig å komme inn i tankegangen til brukeren og empati med sine problemer.

Grafisk Brukergrensesnitt

Apple gjør enheter egnet for små barn. Se på mobilskjermbildet med alle appene og menyene. Gui bør være enkel og lett å navigere, som er alt ned til smart design.

Vekstdrevet Design

Vekstdrevet design er praksisen med å bygge et nettsted med enkle, grunnleggende webdesign. Designeren vil legge til mer komplekse funksjoner som de bygger nettstedet. Dette betyr at uansett hvilke problemer det har, er de beskyttet av sterke grunnlag. Du ville ikke satt taket på et hus uten å legge grunnlaget først. Du kan deretter oppdatere nettstedet regelmessig, slik at det alltid er oppdatert.

Utvikler Nettstedet Terminologi

AJAX(Asynkron JavaScript OG XML)

AJAX bruker ulike programmeringsverktøy for å sende og hente data uten å måtte oppdatere en nettside. Hvis Du Har Din facebook hjemmeside opp i en nettleser, vil det holde forfriskende å gi deg oppdateringer. Her er ET EKSEMPEL PÅ AJAX-kode.

Back-end

Nettsteder er ikke overfladiske; det er mange interne prosesser som brukeren ikke kan se. Baksiden av nettstedet ditt er hvor du oppdaterer programvare, publiserer blogger i CMS og laster opp nye produkter. Dette er støttet Av WordPress..

Dårlig Nabolag

et dårlig nabolag er en gruppe nettsteder med dårlig omdømme og søkerangeringer. Du vil ikke bo i et dårlig nabolag, og det gjør heller ikke nettstedet ditt. Putting ditt nettsted i rogue nabolag vil bulke sjansene for å vises i en søkemotor. Få den beste hostingpakken; du vil ikke ha straff for naboens frie oppførsel!

Båndbredde

videoen din bufres. Hvorfor?! Båndbredde er nivået på trafikk og data som kan passere gjennom nettstedet ditt. Større bedrifter trenger mer båndbredde som de får høyere trafikk og data passasjer. Båndbredden varierer, så det er viktig å få riktig beløp for bedriften din.

Cache

en cache er en enhetens midlertidige lagringsplass og forbedrer programytelsen. Når du besøker en nettside, vil nettleseren din holde oversikt over sidene du besøker, og lagre filene i hurtigbufferen. Dette betyr at nettleseren ikke trenger å lese dem på nytt, noe som sparer tid.

Informasjonskapsler

Informasjonskapsler Er små tekstfiler som inneholder grunnleggende informasjon om nettstedene du besøker. Informasjonskapsler hjelper webservere med å bestemme preferanser ved å se på hvilke typer nettsteder du besøker, eller hva du legger i handlekurven din.

det har vært mye negativ presse om informasjonskapsler de siste årene, da det er problemer med personvern. Ta en titt på denne påloggingen Fra Amazon, slik at automatisk pålogging betyr at selskapet legger igjen en sporingskapsel i nettleseren din, slik at du ikke trenger å logge inn.

Database

som du forventer, er en database et lagringsnav for data. Som nettlesere navigere gjennom nettstedet ditt de inn søk eller personlig informasjon. Databasen lagrer denne informasjonen.

hvis du har en online klesvirksomhet, kan databasekolonnene lese:

• tshirt_size
• tshirt_colour
• tshirt_price

her er et utvalg av en anonym database.

Hosting

web verter gir oss muligheten til å legge inn nettsider til internett. De bruker serverdatamaskiner til å koble nettstedet ditt til internett. Når noen klikker på nettstedet ditt side, siden vil sende en forespørsel til serveren, og det vil laste opp.

JavaScript

JV ER et kompakt, fleksibelt dynamisk programmeringsspråk. Det er tonnevis av ekstra funksjonalitet med JavaScript. Du kan legge inn karuseller, 3D-bilder og videostrømmer på nettstedet ditt.

PHP (Hypertext Preprocessor)

PHP ER et server – side programmeringsspråk som brukes til å utvikle flytende nettsteder og koble til databaser. For eksempel kan du ha en påloggingsknapp på nettstedet ditt med en e-postadresse og passordboks ovenfor. NÅR DU skriver inn og sender denne informasjonen, VIL PHP sende DEN til en database og sjekke at den er riktig.

Se på dette kodeeksemplet, se hvordan det håndterer en innkommende forespørsel? DET er PHP.

Python

Python Er et webutviklingsramme som har eksistert siden 1980-tallet. det er kjent for brukervennlighet og lesbarhet. Nybegynnere bruker Ofte Python som et springbrett til andre utviklingsverktøy. Dessuten er det gratis!

Servere

Servere gjør mye arbeid, de er datamaskiner etter en boks spinat. De lagrer store mengder data, FOR EKSEMPEL CSS-ark, og koble til andre servere via internett-tilkoblinger. Webservere lagrer nettinformasjon som Nettadresser, når en nettleser ber om en side, vil den kommunisere med serveren.

og det er forskjellen mellom ons design og webutvikling. Du er nå kvalifisert til å vaffel nettstedet terminologi til ditt hjerte innhold!