Webdesigntermen zijn de belangrijkste dingen die een zakenman moet weten. Webdesign is het proces van het creëren en organiseren van de visuele en functionele aspecten van een website. Het bevat verschillende termen en concepten die verschillende aspecten van het ontwerp en de ontwikkeling van webpagina's beschrijven.
Webdesign bestaat al heel lang en verspilt geen tijd met het ontwikkelen van een complexe taal vol jargon. Zodra je ook maar de kleinste stap zet in de wereld van webdesign, hoor je: “Welk CMS wil je gebruiken?”, “Wil je het boven de vouw of onder de vouw?”, “Wil je Wil je een vaste indeling? ", "Welke webhosting wilt u gebruiken? ' en je vraagt je af wat het allemaal betekent. We weten dat het nogal overweldigend kan zijn om alle belangrijke definities en termen voor webontwerp te achterhalen, vooral als het allemaal nieuw is.
Webdesign omvat een breed scala aan werkzaamheden, van webontwikkelaars die code schrijven, tot UI- en UX-ontwerpers die aan interfaces werken, tot webontwerpers die zorgen voor de look en feel van uw site. Er zijn veel mensen betrokken bij webdesign.
Leren wat slechts een paar acroniemen en jargon voor webontwerp betekenen, kan het voor uw ontwerper en ontwikkelaar veel gemakkelijker maken, en kan u ook helpen begrijpen hoe uw eigen website eigenlijk werkt. Dus of u nu hulp inhuurt of het zelf doet, het kennen van de meest gebruikte en meest verwarrende termen in webontwerp en -ontwikkeling kan van pas komen:
Definities en termen van webontwerp.
Toegankelijkheid
Nu verkrijgbaar is van groot belang bij webdesign. In essentie betekent dit hoe toegankelijk uw website is voor mensen, inclusief mensen met gehoor- of visuele beperkingen. Dit is belangrijk om in gedachten te houden vóór en tijdens het maken van uw website. Bekijk deze zes stappen om uw webontwerp toegankelijk te maken als u niet weet waar u moet beginnen.
10 Google-boetes die van invloed kunnen zijn op uw website
Onder de vouw (en boven de vouw).
Onder en boven de vouw staan twee termen die hun oorsprong vinden in kranten. De ‘vouw’ is waar de krant vouwt. Boven en onder beschrijft of informatie op de bovenste of onderste helft van de vouw wordt weergegeven. Voor webpagina's wordt de 'vouw' doorgaans gedefinieerd als het punt waarop u moet beginnen met scrollen, maar het principe is hetzelfde: informatie die bovenaan de pagina staat (ATF) is toegankelijker en zichtbaarder dan informatie die zich bovenaan de pagina bevindt. onderaan de pagina (BTF). . .
Elastisch (indeling). Elastisch (indeling). Voorwaarden voor webdesign
Elastische lay-out is een benadering van het ontwerpen van webpagina's die de relaties tussen elementen en hun positie op de pagina beschrijft in termen van percentages in plaats van specifiek ontworpen afstanden en afmetingen. Dit betekent dat webpagina's beter aanpasbaar worden - zowel aan de voorkeuren van uw bezoekers op het gebied van grootte lettertype en de afstand daartussen, en om de pagina te optimaliseren voor weergave op een smartphone of tablet.
Tegenwoordig vormen elastische lay-outs een belangrijk onderdeel van responsieve ontwerpbenaderingen, maar voordat het idee van responsief ontwerp werd geboren, boden elastische lay-outs een gemakkelijke manier om websites responsief te maken.
Ex. Voormalig
Ex is een meeteenheid die een kleine letter "x" als standaardmaat gebruikt.
Vaste breedte (indeling). Vaste breedte (indeling). Definities en termen van webontwerp.
Een lay-out met vaste breedte is een methode voor het ontwerpen van webpagina's waarbij de ontwerper specificeert hoe groot een webpagina is en precies waar elementen erop verschijnen. Dit geeft ontwerpers veel meer controle over het ontwerp van webpagina's dan een elastische lay-out, maar maakt pagina's minder responsief. verschillende maten scherm.
Hexadecimaal.
Hexadecimale getallen, ook wel 'hexadecimale' getallen genoemd, zijn een getalsysteem met grondtal 16, wat betekent dat ze 16 tekens gebruiken om een kleur te definiëren. Hexadecimale getallen gebruiken de cijfers 0 tot en met 9 en de letters A tot en met F. Elke kleur wordt geïdentificeerd door drie paar hexadecimale getallen. Het eerste paar cijfers of letters verwijst naar de rode tint, het tweede paar naar de groene tint en het derde paar naar de blauwe tint.
Oneindig scrollen. Oneindig scrollen
Bij oneindig scrollen wordt nieuwe inhoud geladen terwijl u doorgaat met scrollen. Hierdoor ontstaat een "eindeloze", nooit eindigende scroll. Enkele populaire voorbeelden hiervan zijn Facebook-, Pinterest- of Twitter-tijdlijnen.
Parallax-scrollen. Parallax-scrollen.
Deze scrollmethode creëert een gevoel van diepte website ontwerp. Wanneer een gebruiker scrollt, bevinden elementen op een website zich op verschillende afstanden en bewegen ze met verschillende snelheden terwijl de gebruiker scrollt. Hierdoor ontstaat de illusie van diepte en afstand op een platte website.
Oplossing. Toestemming. Definities en termen van webontwerp.
Resolutie is het aantal pixels dat op het scherm wordt weergegeven. Dit is een standaardmethode die in webdesign wordt gebruikt om vast te stellen afmeting afbeeldingen. De beeldkwaliteit wordt meestal beschreven in pixels per inch, waarbij meer pixels resulteren in een afbeelding van hogere kwaliteit.
Responsief / mobielvriendelijk / mobiel geoptimaliseerd. Responsief / mobielvriendelijk / mobiel geoptimaliseerd
Sinds vorig jaar is meer dan de helft van het webverkeer afkomstig van smartphones. Dit betekent dat het steeds belangrijker wordt dat een website er beter uitziet mobiele toestellen, maar ook op computers. Websites responsief/mobiel responsief/mobiel geoptimaliseerd maken betekent het ontwerpen en ontwikkelen van een website die zich aanpast aan het apparaat of scherm waarop deze wordt bekeken.
Bruikbaarheid. Makkelijk te gebruiken.
Bruikbaarheid is een webontwerpconcept dat beschrijft hoe gemakkelijk uw website is voor de bezoekers waarvoor deze is ontworpen. Idealiter kan een bezoeker uw site gemakkelijk gebruiken wanneer hij deze voor het eerst tegenkomt, met minimale obstakels, frustratie en de noodzaak om om hulp te vragen. Het begrijpen van de bruikbaarheidsprincipes is een belangrijke stap bij het creëren excellent website.
UX (gebruikersonderzoek) / UI (gebruikersinterface)
UX- en UI-ontwerp is werk dat de gebruikerservaring verbetert. Het is belangrijk om de verschillen tussen UX en UI te kennen om te begrijpen hoe ze samenwerken.
UX, gebruikersonderzoek, omvat elk aspect van de ervaring van een gebruiker met een website, van begin tot eind. Doel - kwaliteit verbeteren gebruikersinteractie met de site.
UI, gebruikersinterface, richt zich op de visuele en interactieve elementen van een website, zoals knoppen, pictogrammen en typografie. Het doel is om het uiterlijk en de functionaliteit van de website te verbeteren.
Anatomie van een frontend-site. Definities en termen van webontwerp.
-
Broodkruimel. Paneermeel.
Wanneer webpagina's gebruikers laten zien hoe ze op de webpagina hebben genavigeerd en hoe ze ernaar kunnen terugkeren startpagina, wordt dit vaak gedaan met behulp van broodkruimels. Dit wordt doorgaans weergegeven als een reeks geneste categorieën, zoals Home > Categorie > Jaar > Maand > Bericht.
Favicon. Favicon.
Een favicon is een klein pictogram dat in de tabbladbalk van uw browser verschijnt. Ze zijn doorgaans 16×16 pixels groot (wat eigenlijk heel klein is) en worden opgeslagen als .ico-, .gif- of .png-afbeeldingen. U kunt vrijwel elke afbeelding als pictogram gebruiken, zolang deze maar de juiste grootte heeft en in het juiste formaat is opgeslagen.
Brandpunt. Coördinator.
De focus van een webpagina is het deel van de pagina waar uw aandacht wordt getrokken. Ontwerpers zullen veel tijd besteden aan het creëren van een centraal punt dat echt de aandacht van de kijker trekt, en vervolgens het belangrijkste op de pagina onder de aandacht brengen. Dit zorgt ervoor dat zoveel mogelijk mensen het zien.
Voorkant. Voorkant.
Dit zijn alle elementen zoals afbeeldingen, tekst en pagina's die mensen te zien krijgen wanneer ze uw site voor het eerst bezoeken. In wezen is dit waar mensen op een website mee communiceren en mee omgaan.
Hamburger-pictogram. Hamburger-pictogram.
Het hamburgerpictogram verwijst naar het menupictogram dat vaak in latere programma's wordt aangetroffen. Het heeft drie horizontale strepen (vandaar de "hamburger") en verbergt het traditionele navigatiemenu achter een enkel pictogram.
Bestemmingspagina. Bestemmingspagina.
Dit is de allereerste pagina die bezoekers van uw site te zien krijgen. Veel websites gebruiken een speciale landingspagina om iets van de bezoeker te leren (zoals het delen van hun e-mailadres of een productspecifieke pagina). De jouwe landingspagina is een van de belangrijkste pagina's op uw website en u moet veel tijd besteden aan het optimaliseren ervan.
Navigatie. Navigatie.
Navigatie is het systeem dat wordt gebruikt om tussen elementen op uw webpagina te navigeren en is een van de belangrijkste elementen van elke webpagina. Daarom is het zo belangrijk om de belangrijkste principes van websitenavigatie te kennen. Het meest een lichtend voorbeeld Navigaties zijn menu's die op de meeste webpagina's verschijnen. Maar let ook goed op hoe de pagina’s zijn georganiseerd en de verbindingen daartussen. Ze kunnen het voor bezoekers ook veel gemakkelijker maken om door een webpagina te navigeren.
Anatomie van een website-backend. Definities en termen van webontwerp.
-
Achterkant. Achterkant.
Dit is het deel van uw systeem dat uw site effectief beheert, maar verborgen is voor bezoekers. Er zijn veel verschillende back-endcomponenten beschikbaar, maar ze bevatten doorgaans allemaal dezelfde zaken: applicaties, informatiestructuur en uw CMS.
CMS
Een contentmanagementsysteem is een intern systeem hulpmiddel voor het beheren van de inhoud van uw website, gebruikers toevoegen, reacties beheren en mogelijk nog veel meer. Als je ooit WordPress hebt gebruikt om een website te maken, heb je een CMS gebruikt. Een CMS maakt het ontwerpen en maken van een webpagina veel eenvoudiger omdat het een groot deel van de onbewerkte code verbergt die de website aandrijft.
E-commerce. Elektronische handel.
elektronische handel betekent "elektronische handel". net zoals "e-mail" "elektronische post" betekent. Normaal gesproken voegt u een winkel toe aan uw website e-commerce, die productbeschrijvingen, aankopen en verkopen en klantgegevens verwerkt.
HTTP/HTTPS
Het is een systeem dat de communicatie tussen browsers, servers en webapplicaties regelt. Het definieert hoe gegevens moeten worden verpakt en verzonden.
HTTPS is een uitbreiding van HTTP die verbindingen tot stand kan brengen via SSL (Secure Socket Layer). Dit is een veel veiligere manier om gegevens online te delen. Veel moderne webbrowsers zullen u waarschuwen als een website het standaard HTTP-protocol gebruikt in plaats van HTTPS.
Als website-eigenaar kunt u bij verschillende providers de SSL-certificaten aanschaffen die nodig zijn om HTTPS te gebruiken. Eenmaal toegevoegd, wordt uw site veiliger en wordt er vertrouwen bij uw klanten opgebouwd.
Inpluggen. Voorwaarden voor webdesign
Een klein programma dat bovenop de hoofdsite wordt geïnstalleerd en extra beveiliging biedt. Plug-ins zijn beschikbaar voor de meeste populaire CMS-platforms en kunnen voor veel verschillende functies worden gebruikt, van het automatiseren van blogposts tot leadbeheer.
Sjabloon. Steekproef.
Sjablonen worden bij webontwerp op vrijwel dezelfde manier gebruikt als voor documenten en afbeeldingen, om een consistent ontwerp op veel verschillende pagina's te garanderen. De meeste CMS-platforms bieden u een reeks sjablonen voor uw website die de consistentie tussen uw pagina's en uw ontwerp daarop helpen garanderen.
Technische voorwaarden voor internet. Definities en termen van webontwerp.
-
Anker tekst. Anker tekst.
Ankertekst is een zin of meerdere woorden die een hyperlink bevatten. Het gebruik van de juiste ankertekst kan een groot verschil maken in hoe goed uw pagina scoort in zoekmachines.
Backlink. Backlink.
Dit zijn links naar uw site vanaf andere sites. Wanneer een andere site naar de uwe linkt, bijvoorbeeld om zijn lezers naar een bron te leiden, heeft u een backlink ontvangen. Backlinks zijn erg belangrijk als het gaat om het verhogen van uw zoekresultaten, omdat meerdere backlinks van vertrouwde sites de zichtbaarheid van uw site zullen vergroten.
Bandbreedte. Bandbreedte.
Bandbreedte is een term die in veel verschillende contexten wordt gebruikt, maar in wezen betekent het de hoeveelheid gegevens die in een bepaalde periode wordt verzonden of ontvangen. Het kan bijvoorbeeld worden gebruikt om uw internetsnelheid te beschrijven, waarbij deze meestal wordt uitgedrukt in kilobits per seconde (kbps). Het wordt echter soms gebruikt om te beschrijven hoeveel data u per maand kunt gebruiken als onderdeel van uw webhostingpakket.
Cache. Contant geld.
Een cache is een set gegevens die in een webbrowser wordt opgeslagen. Dit betekent dat de volgende keer dat de gebruiker de site bezoekt, de pagina sneller laadt omdat deze vanuit het lokale geheugen wordt geladen.
DNS-webontwerpvoorwaarden
DNS staat voor Domain Name Service. Dit is het systeem waarmee uw webbrowser webpagina's vindt. Wanneer je azbyka.com.ua , zoekt uw browser een "DNS-tabel" op die dit mensvriendelijke adres omzet in een computervriendelijk adres (dat wil zeggen, een adres dat uit cijfers bestaat). Het DNS-systeem houdt bij waar alle webpagina's ter wereld zich bevinden, zodat uw browser deze kan vinden.
domein
Dit is de naam van uw site. U kunt bij veel bedrijven domeinen kopen. Ze mogen niet meer dan 63 tekens bevatten. Bijvoorbeeld, https://azbyka.com.ua/is onze domeinnaam.
FTP
FTP staat voor File Transfer Protocol en is een systeem voor het overbrengen van bestanden en gegevens van lokale opslag (bijvoorbeeld op uw computer) naar uw webserver. Om FTP te gebruiken, moet u een klein programma downloaden, een zogenaamde FTP-client.
Permanente link. Permanente link
Een permalink waarmee u een adres kunt opgeven dat altijd naar een specifiek blogbericht of een specifieke pagina verwijst, ongeacht hoe u de structuur van uw site daaromheen wijzigt. Dit is erg handig als u blogposts gebruikt om het verkeer naar uw site te vergroten, omdat u niet handmatig tientallen (of honderden) links hoeft te wijzigen als u besluit deze te wijzigen ontwerp van uw website of wijzig uw domeinnaam.
URL
Een adres dat aangeeft waar een specifieke pagina of andere bron te vinden is.
Web hosting. Definities en termen van webontwerp.
Een webhosting is een bedrijf dat de servers beheert waarop uw веб-сайт. Zoals we in ons artikel over webhosting uitleggen, kunnen webhosts sterk variëren in het serviceniveau dat ze aanbieden. Een goede webhost kan u verzekeren dat uw site 99,9% van de tijd beschikbaar zal zijn, en zal u ook de tools bieden om deze veilig en efficiënt te houden.
web Server
Een webserver is de computer waarop uw webpagina daadwerkelijk wordt opgeslagen. Het bevindt zich hoogstwaarschijnlijk in een serverinstallatie die eigendom is van uw webhost, hoewel het ook mogelijk is om uw eigen servers te gebruiken.
Terminologie voor webontwikkeling. Definities en termen van webontwerp.
CSS
CSS staat voor Cascading Style Sheets en samen met HTML vormen deze bladen het meest fundamentele onderdeel van elke webpagina. Tien jaar geleden werd de opmaak van webpagina's, zoals de grootte van koppen en de vraag of afbeeldingen randen hadden, bepaald in de HTML-code zelf. Dit betekende dat het veranderen van de opmaak arbeidsintensief was het proces van het passeren van elk element pagina's en codewijzigingen.
Met CSS is alles veel eenvoudiger. De stijl van een pagina is opgenomen in een (of meer) CSS-bestanden die bepalen hoe kopteksten eruit zien, hoe afbeeldingen worden weergegeven en vele andere elementen. Ze vertellen de browser hoe de website moet worden weergegeven. Zo kan het formaat van hele websites worden gewijzigd door slechts één stukje code te wisselen.
DHTML
DHTML staat voor Dynamic HyperText Markup Language. Het is een term voor een taal die meerdere webontwerptalen (HTML, JavaScript en CSS) combineert tot één supertaal voor webontwikkeling. Dit is meestal wat moderne webontwikkelaars zullen gebruiken om een website voor u te maken.
Documenttype. Definities en termen van webontwerp.
In HTML is een documenttype een beschrijving van welk type HTML en welke versie op een webpagina wordt gebruikt. Het wordt door browsers gebruikt om de integriteit van de pagina te controleren en kan beveiligingsfouten veroorzaken als het onjuist is.
Em. EM. Voorwaarden voor webdesign
Em wordt gebruikt om de grootte van een lettertype te beschrijven in relatie tot het ‘bovenliggende’ lettertype dat op de pagina wordt gebruikt. 1Em betekent dat het lettertype (of soms andere elementen) dezelfde grootte heeft als het bovenliggende element, 2em betekent dat ze twee keer zo groot zijn, enzovoort.
Ingebouwde stijl. Ingebouwde stijl. Voorwaarden voor webdesign
Hoewel CSS (zie hierboven) kan worden gebruikt om de indeling van hele pagina's in één keer te beschrijven, hoeft u soms alleen de stijl op één pagina te wijzigen. Dit is wanneer een inline-stijl wordt gebruikt. Een inline-stijl is een stukje CSS-code dat in de kop van een webpagina wordt geschreven en dat alleen invloed heeft op elementen op die pagina, niet op uw hele website.
Lettertypefamilie/stijl/gewicht. Lettertypefamilie/stijl/gewicht
Webontwerpers en -ontwikkelaars werken vaak niet met bepaalde lettertypen omdat verschillende browsers niet altijd dezelfde lettertypen gebruiken. Dit is de reden waarom je in een CSS-document zult zien dat het gebruikte lettertype is gedefinieerd als een lettertypefamilie (een groep lettertypen die kunnen worden gebruikt) in plaats van slechts één afzonderlijk. Naast deze definitie definieert het CSS-document ook de lettertypestijl (cursief, onderstreept, enz.) en het gewicht (vet, licht, enz.).
HTML. Definities en termen van webontwerp.
Hypertext-opmaaktaal is de basis van internet. Alle webpagina's zijn, althans tot op zekere hoogte, geschreven in HTML, dat is ontworpen om zo gemakkelijk mogelijk te schrijven. Het kan zelfs heel nuttig zijn, probeer het zelfstudie op HTML code, om te zien of het gemakkelijk is om te schrijven. Je zult verrast zijn wat je in een paar uur kunt bereiken!
Metagegevens.
Metadata zijn de gegevens in de koptekst van webpagina's. Deze gegevens zijn beschikbaar voor uw browser, maar worden niet weergegeven als onderdeel van de webpagina die u bekijkt. U moet de broncode bekijken om toegang te krijgen.
Open source. Open source. Voorwaarden voor webdesign
Open source-software wordt door de gebruiker ondersteund en kan vrij worden gebruikt en aangepast. Dit staat in contrast met propriëtaire software, die eigendom is van en wordt onderhouden door een specifiek bedrijf. De meeste webontwikkelaars zullen in ieder geval af en toe open source-software gebruiken, omdat dit niet alleen goedkoper is, maar ook veiliger kan zijn. Tegenwoordig minimaliseren de meeste webontwikkelaars inbreuken op de beveiliging door containers te gebruiken die in open source-talen zijn geschreven.
Staging. Staging. Definities en termen van webontwerp.
Staging webсайта is het proces waarbij er een bijna definitieve kopie van wordt gemaakt en deze vervolgens wordt getest voordat de live versie van de site wordt geïmplementeerd. De meeste webontwikkelaars 'ensceneren' een website voordat deze wordt vrijgegeven om er zeker van te zijn dat alles correct werkt. En vaak vinden grote wijzigingen aan een website plaats op de testsite in plaats van op de live site.
Geldig. Geldig.
Bij webontwerp zijn geldige webpagina's pagina's die geen fouten bevatten. In de praktijk betekent dit webpagina's die de standaarden volgen die zijn vastgelegd in de HTML-specificaties die zijn gepubliceerd door het W3C, de gemeenschap die standaarden vaststelt voor webontwikkeling.
XML. Voorwaarden voor webdesign
XML staat voor Extensible Markup Language. XML is een fundamenteel onderdeel van webdesign omdat het fungeert als een ‘metataal’ die elementen van de ene taal in de andere vertaalt. Dit betekent dat webpagina's kunnen worden gemaakt in veel verschillende talen, die allemaal communiceren via XML.
Laatste ding…
Natuurlijk hoeft u niet al deze definities en termen voor webontwerp te kennen om aan de slag te gaan. website ontwikkeling - zelfstandig of met hulp. Uiteindelijk is webdesign een leerproces, en de beste ontwerpen zijn herhaalbare kunstwerken die voortdurend verbeteren naarmate je nieuwe dingen leert.
Het kan echter erg nuttig zijn om een gids te hebben door de soms complexe wereld van webdesign, vooral als je net begint. Onze professionele webdesigners helpen je op weg in de spannende wereld van webdesign.
Laat een reactie achter