Terminologie Van De Website: Welk Jargon Moet U Weten? Terminologie: Welk Jargon Moet U Weten? | Insights / Blog

het voelt als vervelende ontwerp boffins maken website terminologie alleen maar om ons te verwarren. Voorkant. Back-end. Ontwerp. Ontwikkelen. Waarom maak je het niet eenvoudig?

als u overweegt een website te bouwen of opnieuw te ontwerpen, heeft u dit artikel nodig. Laten we eerst eens kijken naar het verschil tussen webdesign en webontwikkeling. Ook wel bekend als front-end en back-end.

Wat is het verschil tussen terminologie voor webdesign en webontwikkeling?

webdesigners zijn de creatiever van de twee, die zich bezighouden met de visuals en lay-out van de website. Wil je een bepaalde kleur? Grotere tekst hier? Ze regelen het wel.

het is gebruikelijk dat ze achtergronden hebben in grafisch ontwerp en kunst, zodat ze weten hoe ze dingen mooi kunnen maken!

de taak van een webontwikkelaar is anders, zij zullen de kern van de website bouwen. Ze richten zich op de technische aspecten en zorgen ervoor dat alles werkt. Dit houdt in het invoeren van code in websites voor optimale prestaties. Ze zijn logisch en hebben een achtergrond in de informatica of programmering.

bijvoorbeeld, de buitenkant van een auto is visueel aantrekkelijk, terwijl de motor is gebouwd voor wendbaarheid.

om het eenvoudig te maken, gaan we de gids opdelen in de terminologie van de website van ontwerper en ontwikkelaar. Hou je Hertz vast, daar gaan we.

terminologie Designer Website

Content

het heeft geen zin om een mind-blowing website te hebben als uw content overal aanwezig is. Waar gaan uw contactgegevens heen? Zijn visuals op de juiste plaats? En de witte ruimte? Niemand wil hoofdpijn wanneer ze uw site bezoeken. Het krijgen van deze aspecten goed zal uw bezoekers reis aangenamer te maken en het verhogen van uw kans op het verschijnen in zoekmachines.

Bekijk dit voorbeeld van Lyft, er staat niet veel inhoud op, maar dat is wat het laat werken. Er is op eenvoudige call-to-action in het midden van de pagina, vergezeld van een leuke animatie. Er is geen kans dat je naar deze site komt en je niet bewust bent van wat het doel van de inhoud is.

toegankelijkheid

dit aspect van design wordt vaak over het hoofd gezien door veel webdesigners, maar zou onderdeel moeten zijn van uw webdesign basics. Het is hoe toegankelijk uw website is voor mensen met een handicap.

Disability guides, simple copy en grotere pictogrammen helpen hen om door de site te navigeren. Deze functies zijn populair bij zorgorganisaties. Hier is een voorbeeld van de Fight for Sight, die een lettertype regelaar in de rechterbovenhoek van de homepage.

CSS (Cascading Style Sheets)

CSS is een stijlbladtaal die wordt gebruikt om de lay-out van HTML-code te beschrijven. In eenvoudiger termen, HTML is de taal van de tekst en CSS is de taal van de pagina ontwerp. CSS bespaart veel werk voor webontwikkelaars omdat het hen helpt hun HTML-code te formatteren in verschillende lay-outs en stijlen.

statische lay-out

dit type lay-out is gemakkelijker te ontwerpen, maar is niet zo flexibel voor de gebruiker. Als een pagina dezelfde breedte heeft voor elke bezoeker, kan deze onvoorspelbaar zijn op verschillende apparaten. De meeste bedrijven zijn overgestapt op responsive design met de opkomst van mobiele, maar je kan een aantal bedrijven die het gebruiken vinden.

Favicon

een favicon is een afbeelding die naast uw domeinnaam in de browser adresbalk verschijnt. Het is een goed idee om uw logo of iets dat betrekking heeft op uw bedrijf aan te klagen. Inspiratie nodig? Neem een kijkje op een aantal van deze coole logo ontwerpen!

Focal Point

waar moet het oog zich richten? Een logo? Een product? Als uw website is te rommelig of je weet niet waar u wilt dat de gebruiker te gaan, ze kunnen vertrekken. Amazon gebruiken de top banner als hun brandpunt, maar niet alle bedrijven kunnen spelen op seizoensgebonden evenementen te genereren business, dus denk na over wat maakt je opvallen.

HTML (Hypertext Markup Language)

spreekt u computer? Gelukkig hebben ontwerpers dat. Ze voeren codes in in een tekstbestand, de browser leest het en vertaalt het in verteerbare vorm. Een scala aan typografie, ontwerp en computer programmeren vaardigheden zijn nodig voor HTML-codering.

resolutie

de term die wordt gebruikt voor het aantal pixels in de verticale en horizontale elementen van een scherm. Hoewel velen geloven dat het de lengte en breedte.

responsieve lay-out

responsieve lay-outs zijn aanpasbaar en veranderen afhankelijk van het apparaat van de gebruiker. Ze optimaliseren de pagina om zo veel mogelijk inhoud op te passen. Deze lay-out is een nietje van web design basics.

Style Guide

bij het ontwerpen van een website is het belangrijk om een consistente stijl te hebben. Te veel kleuren of vormen kunnen de gebruiker verwarren, dus het is belangrijk om een complementaire mix te hebben. Neem een kijkje op Spotiy ‘ s style guide, iets zo klein als een logo misplacement kan hun branding in gevaar brengen.

UX Design

Hoe voelt de gebruiker zich wanneer hij uw website bezoekt? Als het praktisch en makkelijk te gebruiken is, zullen ze meer kans hebben om op de site te blijven. Als er veel gebroken links zijn, zullen ze zich teleurgesteld voelen. Het is van vitaal belang om in de mindset van de gebruiker te komen en in te leven met hun problemen.

grafische gebruikersinterface

Apple maakt apparaten geschikt voor jonge kinderen. Kijk naar het stacaravan scherm met alle apps en menu ‘ s. GUI ‘ s moeten eenvoudig en gemakkelijk te navigeren zijn, wat allemaal te danken is aan slim ontwerp.

groei gedreven ontwerp

groei gedreven ontwerp is de praktijk van het bouwen van een website met eenvoudige, Web design basics. De ontwerper zal meer complexe functies toe te voegen als ze de website te bouwen. Dit betekent dat welke problemen het ook heeft, ze worden beschermd door sterke fundamenten. Je zou geen dak op een huis zetten zonder eerst de fundering te leggen. U kunt dan de site regelmatig bijwerken, zodat deze altijd up-to-date is.

terminologie van de ontwikkelaarswebsite

AJAX (asynchrone JavaScript en XML)

AJAX gebruikt verschillende programmeertools om gegevens te verzenden en op te halen zonder een webpagina te hoeven vernieuwen. Als u uw Facebook-homepage in een browser, het zal blijven verfrissend om u te voorzien van updates. Hier is een voorbeeld van Ajax code.

Back-end

Websites zijn niet oppervlakkig; er zijn veel interne processen die de gebruiker niet kan zien. De back-end van uw website is waar u software bijwerkt, blogs publiceert in uw CMS en nieuwe producten uploadt. Dit is de rug van WordPress..

Bad Neighbourhood

een bad neighbourhood is een groep websites met een slechte reputatie en zoekresultaten. Je zou niet in een slechte buurt willen wonen, en je website ook niet. Het plaatsen van uw website in rogue buurten zal deuk uw kansen om te verschijnen in een zoekmachine. Krijg het beste hostingpakket; je wilt geen straf voor het ondeugende gedrag van je buren!

bandbreedte

uw video wordt gebufferd. Waarom?! Bandbreedte is het niveau van verkeer en gegevens die kunnen passeren via uw site. Grotere bedrijven hebben meer bandbreedte nodig als ze meer verkeer en data passages krijgen. Bandbreedte varieert, dus het is belangrijk om het juiste bedrag voor uw bedrijf.

Cache

een cache is de tijdelijke opslagruimte van een apparaat en verbetert de prestaties van de toepassing. Wanneer u een webpagina bezoekt, houdt uw browser een overzicht bij van de pagina ‘ s die u bezoekt en slaat de bestanden op in de cache. Dit betekent dat de browser ze niet opnieuw hoeft te lezen, wat tijd bespaart.

Cookies

Cookies zijn kleine tekstbestanden die basisinformatie bevatten over de websites die u bezoekt. Cookies helpen webservers om voorkeuren te bepalen door te kijken naar het soort site dat u bezoekt of wat u in uw winkelwagentje plaatst.

er is de laatste jaren veel negatieve pers geweest over cookies omdat er problemen zijn met privacy. Neem een kijkje op deze login van Amazon, waardoor automatische login betekent dat het bedrijf laat een tracking cookie op uw browser, zodat u niet hoeft in te loggen.

Database

zoals u zou verwachten, is een database een opslaghub voor gegevens. Terwijl browsers door uw website navigeren, voeren ze zoekopdrachten of persoonlijke informatie in. Je database slaat die informatie op.

als u een online kledingbedrijf hebt, kunnen de kolommen in uw database lezen:

• tshirt_size
• tshirt_colour
• tshirt_price

hier is een voorbeeld van een anonieme database.

Hosting

webhosts geven ons de mogelijkheid om webpagina ‘ s op het internet te plaatsen. Ze gebruiken servercomputers om uw website te verbinden met het internet. Wanneer iemand klikt op uw website pagina, de pagina zal een verzoek naar de server, en het zal laden.

JavaScript

JV is een compacte, flexibele dynamische programmeertaal. Er zijn tal van extra functionaliteit functies met JavaScript. U kunt carrousels, 3D-beelden en videostreams invoeren op uw website.

PHP (Hypertext Preprocessor)

PHP is een server-side programmeertaal die wordt gebruikt om vloeiende websites te ontwikkelen en verbinding te maken met databases. U kunt bijvoorbeeld een inlogknop op uw website hebben met een e-mailadres en wachtwoord hierboven. Wanneer je deze informatie invoert en verzendt, zal de PHP deze naar een database sturen en controleren of deze correct is.

Kijk naar dit code voorbeeld, zie hoe het omgaat met een inkomend verzoek? Dat is PHP.

Python

Python is een web development framework dat bestaat sinds de jaren 1980. het staat bekend om zijn gebruiksgemak en leesbaarheid. Beginners gebruiken Python vaak als opstap naar andere ontwikkeltools. Bovendien is het gratis!

Servers

Servers doen veel werk, het zijn computers na een blik spinazie. Ze slaan enorme hoeveelheden gegevens op, zoals CSS-sheets, en maken verbinding met andere servers via internetverbindingen. Webservers slaan webinformatie op zoals URL’ s, wanneer een browser een pagina aanvraagt, communiceert deze met de server.

en dat is het verschil tussen wed-ontwerp en webontwikkeling. Je bent nu gekwalificeerd om website terminologie waffle naar hartenlust!