Hjemmeside Terminologi: Hvilken Jargon Skal Du Vide?

det føles som irriterende design boffins skabe hjemmeside terminologi bare for at forvirre os. Frontend. Bagenden. Design. Udvikle. Hvorfor ikke gøre tingene enkle?

hvis du overvejer at bygge eller redesigne en hjemmeside, har du brug for denne artikel. Lad os først se på forskellen mellem design og udvikling. Også kendt som front-end og back-end.

Hvad er forskellen mellem Internetdesign og Internetudviklingsterminologi?

Internetdesignere er de mere kreative af de to, der beskæftiger sig med det visuelle og layout af hjemmesiden. Vil du have en bestemt farve der? Større tekst her? De ordner det.

det er almindeligt for dem at have baggrunde i grafisk design og kunst, så de ved, hvordan man får tingene til at se smukke ud!

en hjemmeside udvikler job er anderledes, de vil bygge kernen af hjemmesiden. De fokuserer på de tekniske aspekter og sørger for, at alt fungerer. Dette indebærer indtastning kode i hjemmesider for optimal ydeevne. De er logiske og har tendens til at have baggrunde inden for datalogi eller programmering.

for eksempel er ydersiden af en bil visuelt tiltalende, mens motoren er bygget til manøvredygtighed.

for at gøre tingene enkle, vi kommer til at bryde op guiden i designer og udvikler hjemmeside terminologi. Hold fast i dit hus, så går det løs!

Designer hjemmeside terminologi

indhold

det nytter ikke at have en forbløffende hjemmeside, hvis dit indhold er overalt. Hvor skal dine kontaktoplysninger hen? Er billeder på det rigtige sted? Hvad med det hvide rum? Ingen ønsker hovedpine, når de besøger din hjemmeside. At få disse aspekter rigtige vil gøre dine besøgende rejse mere behagelig og øge din chance for at blive vist i søgemaskiner.

tjek dette eksempel fra Lyft, der er ikke meget indhold der, men det er det, der får det til at fungere. Der er på simpel opfordring til handling i midten af siden, ledsaget af en sød animation. Der er ingen chance for, at du kommer til dette sted og ikke er klar over, hvad målet med indholdet er.

tilgængelighed

dette aspekt af design overses ofte af mange internetdesignere, men bør være en del af dit grundlæggende design. Det er, hvor tilgængelig din hjemmeside er for mennesker med handicap.

Handicapguider, enkel kopi og større ikoner hjælper dem med at navigere på siden. Disse funktioner er populære hos sundhedsorganisationer. Her er et eksempel på kampen for synet, der har en skrifttypejustering øverst til højre på hjemmesiden.

CSS (Cascading Style Sheets)

CSS er et stilarksprog, der bruges til at beskrive layoutet af HTML-kode. På enklere vilkår er HTML sproget i teksten, og CSS er sproget for sidedesign. CSS sparer en masse arbejde for internetudviklere, da det hjælper dem med at formatere deres HTML-kode i forskellige layouts og stilarter.

statisk Layout

denne type layout er lettere at designe, men er ikke så fleksibel for brugeren. Hvis en side har samme bredde for hver besøgende, kan den være uforudsigelig på forskellige enheder. De fleste virksomheder har skiftet til responsivt design med fremkomsten af mobil, men du kan finde nogle virksomheder, der bruger det.

Favicon

et favicon er et billede, der vises ved siden af dit domænenavn i adresselinjen. Det er en god ide at sagsøge dit logo eller noget, der vedrører din virksomhed. Brug for inspiration? Tag et kig på nogle af disse seje logo design!

fokuspunkt

hvor vil du have øjet til at fokusere? Et logo? Et produkt? Hvis din hjemmeside er for rodet, eller du ikke ved, hvor du vil have brugeren til at gå, kan de forlade. Brug det øverste banner som deres omdrejningspunkt, men ikke alle virksomheder kan spille på sæsonbestemte begivenheder for at generere forretning, så tænk over, hvad der får dig til at skille dig ud.

HTML (hypertekst Markup Language)

taler du computer? Det gør designerne heldigvis. De indtaster koder i en tekstfil, bro.sereren læser den og oversætter den til fordøjelig form. En række typografi, design og computer programmering færdigheder er nødvendige for HTML-kodning.

opløsning

det udtryk, der bruges til antallet af billedpunkter i de lodrette og vandrette elementer på en skærm. Selvom mange mener, at det er længden og bredden.

responsivt Layout

Responsive layout kan tilpasses og ændres afhængigt af brugerens enhed. De optimerer siden, så den passer til så meget indhold som muligt. Dette layout er et grundlæggende element i grundlæggende design.

Style Guide

når du designer en hjemmeside, er det vigtigt at have en ensartet stil. For mange farver eller former kan forvirre brugeren, så det er vigtigt at have en komplementær blanding. Tag et kig på Spotiys stilguide, noget så lille som et logo misplacement kan sætte deres branding i fare.

design

Hvordan har brugeren det, når de besøger din hjemmeside? Hvis det er praktisk og let at bruge, vil de være mere tilbøjelige til at blive på siden. Hvis der er mange brudte links, vil de føle sig skuffede. Det er vigtigt at komme ind i brugerens tankegang og empati med deres problemer.

grafisk brugergrænseflade

Apple gør enheder egnet til små børn. Se på mobilhjemmeskærmen med alle apps og menuer. GUI ‘ er skal være enkle og nemme at navigere, hvilket er helt ned til smart design.

vækst drevet Design

vækst drevet design er praksis med at opbygge en hjemmeside med enkle, grundlæggende design. Designeren vil tilføje mere komplekse funktioner, når de bygger hjemmesiden. Det betyder, at uanset hvilke problemer det har, er de beskyttet af stærke fundamenter. Du ville ikke lægge taget på et hus uden at lægge fundamentet først. Du kan derefter opdatere siden regelmæssigt og sikre, at den altid er opdateret.

Udvikler hjemmeside terminologi

ajak (asynkron JavaScript)

ajak bruger forskellige programmeringsværktøjer til at sende og hente data uden at skulle opdatere en hjemmeside. Hvis du har din Facebook-hjemmeside op i en bro.ser, vil det holde forfriskende at give dig opdateringer. Her er et eksempel på en kode.

Back-end

hjemmesider er ikke overfladiske; der er mange interne processer, som brugeren ikke kan se. Bagsiden af din hjemmeside er, hvor du opdaterer programmer, udgiver blogs i dit CMS og uploader nye produkter. Dette er den bakkes op af ordtryk..

dårligt kvarter

et dårligt kvarter er en gruppe hjemmesider med dårligt omdømme og søgerangeringer. Du ønsker ikke at bo i et dårligt kvarter, og heller ikke din hjemmeside. Sætte din hjemmeside i rogue kvarterer vil bule dine chancer for at blive vist i en søgemaskine. Få den bedste hosting pakke; du ønsker ikke straf for dine naboers frække opførsel!

båndbredde

din video er buffering. Hvorfor?! Båndbredde er det niveau af trafik og data, der kan passere gennem din hjemmeside. Større virksomheder har brug for mere båndbredde, da de får højere trafik og datapassager. Båndbredde varierer, så det er vigtigt at få det rigtige beløb til din virksomhed.

Cache

en cache er en enheds midlertidige lagerplads og forbedrer applikationsydelsen. Når du besøger en hjemmeside, vil din bro.ser føre en fortegnelse over de sider, du besøger, og gemme filerne i cachen. Det betyder, at brugeren ikke behøver at genlæse dem, hvilket sparer tid.

Cookies

Cookies er små tekstfiler, der indeholder grundlæggende oplysninger om de hjemmesider, du besøger. Cookies hjælper servere med at bestemme præferencer ved at se på de typer sider, du besøger, eller hvad du lægger i din indkøbskurv.

der har været en masse negativ presse om cookies i de senere år, da der er problemer med privatlivets fred. Hvis du aktiverer automatisk login, betyder det, at virksomheden efterlader en sporingscookie på din bro.ser, så du ikke behøver at logge ind.

Database

som du ville forvente, er en database et lagringshub til data. Når brugerne navigerer gennem din hjemmeside, indtaster de søgeforespørgsler eller personlige oplysninger. Din database gemmer disse oplysninger.

hvis du har en online tøjvirksomhed, kan dine databasekolonner muligvis læse:

• tshirt_størrelse
• tshirt_colour
• tshirt_price

her er et eksempel på en anonym database.

Hosting

hosts giver os mulighed for at sende hjemmesider til internettet. De bruger servercomputere til at forbinde din hjemmeside til internettet. Når nogen klikker på din hjemmeside side, vil siden sende en anmodning til serveren, og det vil indlæse.

JavaScript

JV er et kompakt, fleksibelt dynamisk programmeringssprog. Der er masser af ekstra funktionalitetsfunktioner med JavaScript. Du kan indtaste karruseller, 3D-billeder og video-streams på din hjemmeside.

PHP (Hypertekstforprocessor)

PHP er et programmeringssprog på serversiden, der bruges til at udvikle flydende hjemmesider og oprette forbindelse til databaser. For eksempel kan du have en login-knap på din hjemmeside med en e-mail-adresse og adgangskodeboks ovenfor. Når du indtaster og sender disse oplysninger, sender PHP det til en database og kontrollerer, at det er korrekt.

se på dette kodeeksempel, se hvordan det håndterer en indgående anmodning? Det er PHP.

Python

Python er en netudviklingsramme, der har eksisteret siden 1980 ‘ erne. Det er kendt for sin brugervenlighed og læsbarhed. Begyndere bruger ofte Python som et springbræt til andre udviklingsværktøjer. Udover det er det gratis!

servere

servere gør meget arbejde, de er computere efter en dåse spinat. De gemmer enorme mængder data, såsom CSS-ark, og opretter forbindelse til andre servere via internetforbindelser. Når en server anmoder om en side, vil den kommunikere med serveren.

og det er forskellen mellem ons design og internet udvikling. Du er nu kvalificeret til at vaffel hjemmeside terminologi til dit hjerte indhold!