Termer for webdesign er de viktigste tingene en forretningsmann bør vite. Webdesign er prosessen med å lage og organisere de visuelle og funksjonelle aspektene ved et nettsted. Den inneholder ulike termer og konsepter som beskriver ulike aspekter ved design og utvikling av nettsider.
Webdesign har eksistert i lang tid og kaster ikke bort tid på å utvikle et komplekst språk fylt med sjargong. Så snart du tar selv det minste skritt inn i webdesignens verden, vil du begynne å høre: «Hvilket CMS vil du bruke?», «Vil du ha det over den synlige delen av den synlige delen av nettsiden?», «Vil du bruke den?» ønsker en fast layout? ", "Hvilken webhotell vil du bruke? ” og du lurer på hva det betyr. Vi vet at det kan være ganske overveldende å prøve å finne ut alle de viktigste webdesigndefinisjonene og -begrepene, spesielt når det er nytt.
Webdesign dekker et bredt spekter av arbeid, fra webutviklere som skriver kode, til UI- og UX-designere som jobber med grensesnitt, til webdesignere som tar seg av utseendet og følelsen på nettstedet ditt. Det er mange mennesker involvert i webdesign.
Å lære hva bare noen få webdesign-akronymer og sjargong betyr, kan gjøre ting mye enklere for designeren og utvikleren din, og kan også hjelpe deg å forstå hvordan din egen nettside faktisk fungerer. Så, enten du leier hjelp eller gjør det selv, kan det være nyttig å kjenne til de mest brukte og mest forvirrende begrepene innen webdesign og utvikling:
Definisjoner og begreper for webdesign.
tilgjengelighet
Tilgjengelig for øyeblikket er av stor betydning i webdesign. I hovedsak betyr dette hvor tilgjengelig nettstedet ditt er for folk, inkludert de med hørsels- eller synshemninger. Dette er viktig å huske på før og mens du lager nettstedet ditt. Ta en titt på disse seks trinnene for å gjøre webdesign tilgjengelig hvis du ikke vet hvor du skal begynne.
Under brettingen (og over bretten).
Under og over skillelinjen er to begreper som har sin opprinnelse i aviser. "Brettet" er der avisen bretter. Topp og bunn beskriver om informasjon vises på øvre eller nedre halvdel av bretten. For nettsider er "fold" vanligvis definert som punktet du skal begynne å bla, men prinsippet er det samme - informasjon som er øverst på siden (ATF) er mer tilgjengelig og synlig enn informasjon nederst av siden (BTF). .
Elastikk (layout). Elastikk (layout). Vilkår for webdesign
Elastisk layout er en tilnærming til nettsidedesign som beskriver forholdet mellom elementer og deres plassering på siden i form av prosenter i stedet for spesifikt utformet avstand og størrelser. Dette gjør at nettsider blir mer tilpasningsdyktige – både etter preferansene som er satt av de besøkende når det gjelder størrelse font og avstanden mellom dem, og for å optimalisere siden for visning på en smarttelefon eller nettbrett.
Nå for tiden er elastiske layouter en nøkkeldel av responsive designtilnærminger, men før ideen om responsiv design ble født, ga elastiske layouter en enkel måte å gjøre nettsteder responsive.
Eks. Tidligere
Ex er en måleenhet som bruker en liten "x" i skrift som standardmål.
Fast bredde (layout). Fast bredde (layout). Webdesign definisjoner og begreper.
Et layout med fast bredde er en metode for å designe nettsider der designeren spesifiserer hvor stor en nettside er og nøyaktig hvor elementer skal vises på den. Dette gir designere mye mer kontroll over nettsidedesign enn en elastisk layout, men gjør sidene mindre responsive. forskjellige størrelser skjerm.
Heksadesimal.
Heksadesimale tall, også kjent som "hex"-tall, er et base-16 tallsystem, som betyr at de bruker 16 tegn for å definere en farge. Heksadesimale tall bruker tallene 0 til 9 og bokstavene A til F. Hver farge identifiseres med tre par heksadesimale tall. Det første paret med tall eller bokstaver refererer til den røde fargen, det andre paret til den grønne fargen, og det tredje paret til den blå fargen.
Uendelig scrolling. Uendelig scrolling
Uendelig rulling er når nytt innhold lastes inn mens du fortsetter å rulle. Dette skaper en "endeløs", uendelig rulle. Noen populære eksempler på dette er Facebook, Pinterest eller Twitter tidslinjer.
Parallakserulling. Parallaksrulling.
Denne rullemetoden skaper en følelse av dybde i nettsidedesign. Når en bruker ruller, vil elementene på en nettside være i forskjellige avstander og bevege seg med forskjellige hastigheter mens brukeren ruller. Dette skaper en illusjon av dybde og avstand på en flat nettside.
Vedtak. Tillatelse. Definisjoner og begreper for webdesign.
Oppløsning er antall piksler som vises på skjermen. Dette er en standard metode som brukes i webdesign for å bestemme størrelse Bilder. Bildekvalitet er vanligvis beskrevet i piksler per tomme, med flere piksler som resulterer i et bilde med høyere kvalitet.
Responsiv / mobilvennlig / mobiloptimalisert. Responsiv / mobilvennlig / mobiloptimalisert
Fra i fjor kommer mer enn halvparten av nettrafikken fra smarttelefoner. Dette betyr at det blir stadig viktigere for en nettside å se bedre ut på mobile enheter, så vel som på datamaskiner. Å gjøre nettsider responsive/mobilresponsive/mobiloptimaliserte betyr å designe og utvikle en nettside som vil tilpasse seg enheten eller skjermen den vises på.
Brukervennlighet. Brukervennlighet.
Usability er et webdesignkonsept som beskriver hvor enkelt nettstedet ditt er for de besøkende den er designet for. Ideelt sett vil en besøkende enkelt kunne bruke nettstedet ditt når de først møter det, med minimale hindringer, frustrasjon og behovet for å be om hjelp. Å forstå brukervennlighetsprinsipper er et nøkkeltrinn i å skape utmerket nettsted.
UX (User Research) / UI (User Interface)
UX- og UI-design er arbeid som forbedrer brukeropplevelsen. Det er viktig å vite forskjellene mellom UX og UI for å forstå hvordan de fungerer sammen.
UX, brukerundersøkelse, involverer alle aspekter av en brukers opplevelse med et nettsted fra start til slutt. Mål - forbedre kvaliteten brukerinteraksjon med nettstedet.
UI, brukergrensesnitt, fokuserer på de visuelle og interaktive elementene på et nettsted, for eksempel knapper, ikoner og typografi. Målet er å forbedre utseendet og funksjonaliteten til nettstedet.
Anatomien til et frontend-nettsted. Definisjoner og begreper for webdesign.
-
Brødsmule. Brødsmuler.
Når nettsider viser brukerne hvordan de navigerte på nettsiden og hvordan de kan gå tilbake til hjemmeside, dette gjøres ofte ved hjelp av brødsmuler. Dette vises vanligvis som en serie med nestede kategorier, for eksempel Hjem > Kategori > År > Måned > Innlegg.
Favorittikon. Favorittikon.
Et favicon er et lite ikon som vises i nettleserens fanelinje. De er vanligvis 16×16 piksler i størrelse (som faktisk er veldig lite) og lagres som .ico-, .gif- eller .png-bilder. Du kan bruke nesten hvilket som helst bilde som et ikon så lenge det har riktig størrelse og lagret i riktig format.
Brennpunkt. Koordinator.
Fokuset på en nettside er den delen av siden der oppmerksomheten din trekkes. Designere vil bruke mye tid på å lage et fokuspunkt som virkelig fanger seerens oppmerksomhet, og deretter sette det viktigste på siden i fokus. Dette sikrer at så mange som mulig ser det.
Frontend. Frontend.
Dette er alle elementene som bilder, tekst, sider som folk vil se når de først besøker nettstedet ditt. I hovedsak er dette hva folk vil samhandle med og engasjere seg med på et nettsted.
Hamburger ikon. Hamburger ikon.
Hamburgerikonet refererer til menyikonet som ofte finnes i senere programmer. Den har tre horisontale striper (derav "hamburgeren") og skjuler den tradisjonelle navigasjonsmenyen bak et enkelt ikon.
Destinasjonsside. Destinasjonsside.
Dette er den aller første siden som besøkende på nettstedet ditt vil se. Mange nettsteder bruker en dedikert landingsside for å lære noe av den besøkende (for eksempel å dele e-postadressen sin eller en produktspesifikk side). Ditt destinasjonsside er en av de viktigste sidene på nettstedet ditt og du bør bruke mye tid på å optimalisere den.
Navigasjon. Navigasjon.
Navigasjon er systemet som brukes til å flytte mellom elementer på nettsiden din og er et av de viktigste elementene på enhver nettside. Dette er grunnen til at det er så viktig å kjenne til nøkkelprinsippene for nettsidenavigering. De fleste et lysende eksempel Navigasjoner er menyer som vises på de fleste nettsider. Men vær også nøye med hvordan sidene er organisert og sammenhengene mellom dem. De kan også gjøre en nettside mye enklere for besøkende å navigere.
Anatomi av en nettside-backend. Webdesign definisjoner og begreper.
-
Baksiden. Baksiden.
Dette er den delen av systemet som effektivt driver nettstedet ditt, men som er skjult for besøkende. Det er mange forskjellige backend-komponenter tilgjengelig, men de inneholder vanligvis de samme tingene - applikasjoner, informasjonsstruktur og CMS.
CMS
Et innholdsstyringssystem er et internt system verktøy for å administrere innholdet på nettstedet ditt, legge til brukere, administrere kommentarer og muligens mye mer. Hvis du noen gang har brukt WordPress til å lage et nettsted, har du brukt et CMS. Et CMS gjør det mye enklere å designe og lage en nettside fordi den skjuler mye av råkoden som driver nettstedet.
E-handel. Elektronisk handel.
E-handel betyr "elektronisk handel". akkurat som "e-post" betyr "elektronisk post". Vanligvis legger du til en butikk på nettstedet ditt e-handel, som skal håndtere produktbeskrivelser, kjøp og salg, og kundedata.
HTTP/HTTPS
Det er et system som håndterer kommunikasjon mellom nettlesere, servere og webapplikasjoner. Den definerer hvordan data skal pakkes og sendes.
HTTPS er en utvidelse av HTTP som kan etablere tilkoblinger over SSL (Secure Socket Layer). Dette er en mye sikrere måte å dele data på nettet. Mange moderne nettlesere vil advare deg hvis et nettsted bruker standard HTTP-protokollen i stedet for HTTPS.
Som nettstedeier kan du kjøpe SSL-sertifikatene som trengs for å bruke HTTPS fra ulike leverandører. Når den er lagt til, vil den gjøre nettstedet ditt sikrere og bygge tillit hos kundene dine.
Plugg inn. Vilkår for webdesign
Et lite program som installeres på toppen av hovedsiden og gir ekstra sikkerhet. Plugins er tilgjengelige for de fleste populære CMS-plattformer og kan brukes til mange forskjellige funksjoner, fra automatisering av blogginnlegg til leadsadministrasjon.
Mal. Prøve.
Maler brukes i webdesign på omtrent samme måte som de brukes til dokumenter og bilder – for å sikre en konsistent design på mange forskjellige sider. De fleste CMS-plattformer vil gi deg et sett med maler for nettstedet ditt som vil bidra til å sikre konsistens på tvers av sidene dine og designet på dem.
Tekniske forhold for Internett. Definisjoner og begreper for webdesign.
-
Ankertekst. Ankertekst.
Ankertekst er en setning eller flere ord som inneholder en hyperkobling. Å bruke riktig ankertekst kan utgjøre en stor forskjell i hvor godt siden din rangerer i søkemotorer.
Tilbakekobling. Tilbakekobling.
Dette er lenker til nettstedet ditt fra andre nettsteder. Når et annet nettsted linker til ditt, for eksempel for å lede leserne deres til en ressurs, har du mottatt en tilbakekobling. Tilbakekoblinger er svært viktige når det gjelder å øke søkerangeringen din fordi flere tilbakekoblinger fra pålitelige nettsteder vil øke nettstedets synlighet.
Båndbredde. Båndbredde.
Båndbredde er et begrep som brukes i mange forskjellige sammenhenger, men i hovedsak betyr det mengden data som sendes eller mottas i en gitt periode. Den kan for eksempel brukes til å beskrive internetthastigheten din, der den vanligvis er oppgitt i kilobits per sekund (kbps). Imidlertid brukes det noen ganger for å beskrive hvor mye data du kan bruke per måned som en del av webhotellpakken din.
Cache. Penger.
En cache er et sett med data som er lagret i en nettleser. Dette betyr at neste gang brukeren besøker siden, vil siden lastes raskere fordi den lastes fra lokalt minne.
Vilkår for DNS-webdesign
DNS står for Domain Name Service. Dette er systemet som nettleseren din finner nettsider med. Når du azbyka.com.ua , søker nettleseren din opp en "DNS-tabell" som konverterer denne menneskevennlige adressen til en datamaskinvennlig adresse (det vil si en som består av tall). DNS-systemet holder styr på hvor alle nettsidene i verden er slik at nettleseren din kan finne dem.
Domenenavn
Dette er navnet på nettstedet ditt. Du kan kjøpe domener fra mange selskaper. De kan ikke inneholde mer enn 63 tegn. For eksempel, https://azbyka.com.ua/– dette er vårt domenenavn.
FTP
FTP står for File Transfer Protocol og er et system for overføring av filer og data fra lokal lagring (f.eks. på datamaskinen din) til webserveren din. For å bruke FTP må du laste ned et lite program som heter en FTP-klient.
Permalink. Permanent lenke
En permalink som lar deg oppgi en adresse som alltid vil peke til et bestemt blogginnlegg eller en bestemt side, uansett hvordan du endrer strukturen på nettstedet ditt rundt det. Dette er veldig nyttig hvis du bruker blogginnlegg for å øke trafikken til nettstedet ditt fordi du ikke trenger å endre dusinvis (eller hundrevis) av linker manuelt hvis du bestemmer deg for å endre design av nettstedet ditt eller endre domenenavnet ditt.
URL
En adresse som indikerer hvor en bestemt side eller annen ressurs kan finnes.
Webhotell. Webdesign definisjoner og begreper.
Et webhotell er et selskap som administrerer serverne som lagrer din nettsted. Som vi forklarer i artikkelen vår om webhotell, kan webverter variere mye i nivået på tjenestene de tilbyr. En god webvert vil kunne forsikre deg om at nettstedet ditt vil være tilgjengelig 99,9 % av tiden, og vil også gi deg verktøyene for å holde det sikkert og effektivt.
Internett server
En webserver er datamaskinen der nettsiden din faktisk er lagret. Det er mest sannsynlig plassert i en serverinstallasjon som eies av webverten din, selv om det også er mulig å kjøre dine egne servere.
Webutviklingsterminologi. Webdesign definisjoner og begreper.
CSS
CSS står for Cascading Style Sheets, og sammen med HTML er disse arkene den mest grunnleggende delen av enhver nettside. For ti år siden ble nettsideformatering, som størrelsen på overskrifter eller om bilder hadde kantlinjer, bestemt i selve HTML-koden. Dette betydde at endring av formatering var arbeidskrevende prosessen med å passere hvert element sider og kodeendringer.
Med CSS er alt mye enklere. En sides stil er inneholdt i en (eller flere) CSS-filer som bestemmer hvordan overskrifter ser ut, hvordan bilder vises og mange andre elementer. De forteller nettleseren hvordan nettsiden skal vises. Dermed kan formatet på hele nettsider endres ved å bytte bare ett stykke kode.
DHTML
DHTML står for Dynamic HyperText Markup Language. Det er en betegnelse på et språk som kombinerer flere webdesignspråk – HTML, JavaScript og CSS – til ett superspråk for webutvikling. Dette er vanligvis hva moderne webutviklere vil bruke for å lage et nettsted for deg.
Doktype. Definisjoner og begreper for webdesign.
I HTML er en dokumenttype en beskrivelse av hvilken type HTML og versjon som brukes på en nettside. Den brukes av nettlesere for å sjekke integriteten til siden og kan forårsake sikkerhetsfeil hvis den er feil.
Em. EM. Vilkår for webdesign
Em brukes til å beskrive størrelsen på en font i forhold til "overordnet"-fonten som brukes på siden. 1Em betyr at skriften (eller noen ganger andre elementer) har samme størrelse som deres overordnede element, 2em betyr at de er dobbelt så store, og så videre.
Innebygd stil. Innebygd stil. Vilkår for webdesign
Mens CSS (se ovenfor) kan brukes til å beskrive formatet på hele sider samtidig, trenger du noen ganger bare å endre stilen på én side. Dette er når en innebygd stil brukes. En innebygd stil er et stykke CSS-kode skrevet inn i hodet på en nettside som bare påvirker elementer på den siden, ikke hele nettstedet ditt.
Skriftfamilie/stil/vekt. Skriftfamilie/stil/vekt
Webdesignere og utviklere jobber ofte ikke med spesifikke fonter fordi forskjellige nettlesere ikke alltid bruker de samme skriftene. Dette er grunnen til at du i et CSS-dokument vil se at fonten som brukes er definert som en skriftfamilie – en gruppe fonter som kan brukes – i stedet for bare én individuelt. Sammen med denne definisjonen vil CSS-dokumentet også definere skriftstilen (kursiv, understreket, etc.) og vekt (fet, lett, osv.).
HTML. Webdesign definisjoner og begreper.
Hypertekst-markeringsspråk er grunnlaget for Internett. Alle nettsider er skrevet, i hvert fall til en viss grad, i HTML, som er designet for å være så enkle å skrive som mulig.
Metadata.
Metadata er dataene i overskriften på nettsider. Disse dataene er tilgjengelige for nettleseren din, men vises ikke som en del av nettsiden du ser på - du må se kildekoden for å få tilgang til den.
Åpen kilde. Åpen kilde. Vilkår for webdesign
Programvare med åpen kildekode er brukerstøttet og kan fritt brukes og endres. Dette står i kontrast til proprietær programvare, som eies og vedlikeholdes av et bestemt selskap. De fleste webutviklere vil bruke åpen kildekode-programvare i det minste noen ganger fordi det ikke bare er billigere, men det kan også være sikrere. I dag minimerer de fleste webutviklere sikkerhetsbrudd ved å bruke containere skrevet på åpen kildekode-språk.
Iscenesettelse. Iscenesettelse. Webdesign definisjoner og begreper.
Iscenesettelse av webсайта er prosessen med å lage en nesten siste kopi av den og deretter teste den før du distribuerer den aktive versjonen av nettstedet. De fleste nettutviklere "iscenesetter" et nettsted før de slipper det for å sikre at alt fungerer som det skal. Og ofte skjer store endringer på et nettsted på oppsetningssiden i stedet for på livesiden.
Gyldig. Gyldig.
I webdesign er gyldige nettsider de som ikke inneholder feil. I praksis betyr dette nettsider som følger standardene fastsatt i HTML-spesifikasjonene publisert av W3C, fellesskapet som setter standarder for webutvikling.
XML. Vilkår for webdesign
XML står for Extensible Markup Language. XML er en grunnleggende del av webdesign fordi det fungerer som et "metaspråk" som oversetter elementer fra ett språk til et annet. Dette betyr at nettsider kan lages ved hjelp av mange forskjellige språk, som alle kommuniserer via XML.
Siste ting…
Selvfølgelig trenger du ikke å kjenne til alle disse webdesigndefinisjonene og -begrepene for å komme i gang. utvikling av nettsider - enten selvstendig eller med hjelp. Til syvende og sist er webdesign en læreprosess, og de beste designene er repeterbare kunstverk som kontinuerlig forbedres etter hvert som du lærer nye ting.
Det kan imidlertid være svært nyttig å ha en veiledning gjennom den til tider komplekse verdenen av webdesign, spesielt når du nettopp har startet. Våre profesjonelle webdesignere vil hjelpe deg med å komme i gang i den spennende verdenen av webdesign.