Webdesign-termer er de vigtigste ting, en forretningsmand bør vide. Webdesign er processen med at skabe og organisere de visuelle og funktionelle aspekter af en hjemmeside. Den indeholder forskellige udtryk og begreber, der beskriver forskellige aspekter af websidedesign og -udvikling.
Webdesign har eksisteret i lang tid og spilder ingen tid på at udvikle et komplekst sprog fyldt med jargon. Så snart du tager selv det mindste skridt ind i webdesignets verden, vil du begynde at høre: "Hvilket CMS vil du bruge?", "Vil du have det over fold eller under fold?", "Vil du ønsker et fast layout? ", "Hvilken webhosting vil du bruge? ” og du undrer dig over, hvad det hele betyder. Vi ved, at det kan være ret overvældende at prøve at finde ud af alle de vigtigste webdesigndefinitioner og -termer, især når det hele er nyt.
Webdesign dækker en bred vifte af arbejde, lige fra webudviklere, der skriver kode, til UI- og UX-designere, der arbejder med grænseflader, til webdesignere, der tager sig af udseendet og følelsen af dit websted. Der er mange mennesker involveret i webdesign.
At lære, hvad blot nogle få webdesign-akronymer og jargon betyder, kan gøre tingene meget nemmere for din designer og udvikler, og det kan også hjælpe dig med at forstå, hvordan din egen hjemmeside faktisk fungerer. Så uanset om du hyrer hjælp eller gør det selv, kan det være nyttigt at kende de mest almindeligt anvendte og mest forvirrende udtryk inden for webdesign og udvikling:
Webdesign definitioner og termer.
Tilgængelighed
Aktuelt tilgængelighed er af stor betydning i webdesign. I bund og grund betyder dette, hvor tilgængelig din hjemmeside er for folk, inklusive dem med høre- eller synsnedsættelse. Dette er vigtigt at huske på før og mens du opretter din hjemmeside. Tag et kig på disse seks trin for at gøre dit webdesign tilgængeligt, hvis du ikke ved, hvor du skal starte.
10 Google-straffe, der kan påvirke dit websted
Under fold (og over fold).
Under og over skillelinjen er to udtryk, der har deres oprindelse i aviser. "Folden" er der, hvor avisen folder. Top og Bund beskriver, om information vises på den øverste eller nederste halvdel af folden. For websider er "folden" normalt defineret som det punkt, hvor du skal begynde at scrolle, men princippet er det samme - information, der er øverst på siden (ATF) er mere tilgængelig og synlig end information, der er på nederst på siden (BTF). . .
Elastik (layout). Elastik (layout). Vilkår for webdesign
Elastisk layout er en tilgang til websidedesign, der beskriver forholdet mellem elementer og deres placering på siden i form af procenter i stedet for specifikt designet mellemrum og størrelser. Det betyder, at websider bliver mere tilpasningsdygtige – både til de præferencer, som dine besøgende har sat i forhold til størrelse skrifttype og afstanden mellem dem, og for at optimere siden til visning på en smartphone eller tablet.
I dag er elastiske layouts en vigtig del af responsive designtilgange, men før ideen om responsivt design blev født, gav elastiske layouts en nem måde at gøre hjemmesider responsive på.
Eks. Tidligere
Ex er en måleenhed, der bruger et lille "x" i skrifttypen som standardmål.
Fast bredde (layout). Fast bredde (layout). Webdesign definitioner og termer.
Et layout med fast bredde er en metode til at designe websider, hvor designeren angiver, hvor stor en webside er, og præcis hvor elementer skal vises på den. Dette giver designere meget mere kontrol over websidedesign end et elastisk layout, men gør sider mindre responsive. forskellige størrelser skærm.
hexadecimal.
Hexadecimale tal, også kendt som "hex"-tal, er et base-16 talsystem, hvilket betyder, at de bruger 16 tegn til at definere en farve. Hexadecimale tal bruger tallene 0 til 9 og bogstaverne A til F. Hver farve er identificeret med tre par hexadecimale tal. Det første par tal eller bogstaver refererer til den røde nuance, det andet par til den grønne nuance, og det tredje par til den blå nuance.
Uendelig rulning. Uendelig rulning
Uendelig rulning er, når nyt indhold indlæses, mens du fortsætter med at rulle. Dette skaber en "endeløs", uendelig rulle. Nogle populære eksempler på dette er Facebook, Pinterest eller Twitter tidslinjer.
Parallakserulning. Parallakserulning.
Denne rullemetode skaber en følelse af dybde i hjemmeside design. Når en bruger scroller, vil elementer på en hjemmeside være på forskellig afstand og bevæge sig med forskellige hastigheder, mens brugeren scroller. Dette skaber en illusion af dybde og afstand på en flad hjemmeside.
Løsning. Tilladelse. Webdesign definitioner og termer.
Opløsning er antallet af pixels, der vises på skærmen. Dette er en standardmetode, der bruges i webdesign til at bestemme størrelsen billeder. Billedkvalitet beskrives normalt i pixels per tomme, hvor flere pixels resulterer i et billede af højere kvalitet.
Responsiv / mobilvenlig / mobiloptimeret. Responsiv / mobilvenlig / mobiloptimeret
Fra sidste år kommer mere end halvdelen af webtrafikken fra smartphones. Det betyder, at det bliver stadig vigtigere for en hjemmeside at se bedre ud på mobile enhedersåvel som på computere. At gøre hjemmesider responsive/mobilresponsive/mobiloptimerede betyder at designe og udvikle en hjemmeside, der tilpasser sig den enhed eller skærm, den ses på.
Anvendelighed. Brugervenlighed.
Usability er et webdesignkoncept, der beskriver, hvor nemt din hjemmeside er for de besøgende, den er designet til. Ideelt set vil en besøgende nemt kunne bruge dit websted, når de først støder på det, med minimale forhindringer, frustration og behovet for at bede om hjælp. At forstå brugervenlighedsprincipperne er et vigtigt skridt i at skabe fremragende internet side.
UX (User Research) / UI (User Interface)
UX og UI design er arbejde, der forbedrer brugeroplevelsen. Det er vigtigt at kende forskellene mellem UX og UI for at forstå, hvordan de arbejder sammen.
UX, brugerforskning, involverer alle aspekter af en brugers oplevelse med et websted fra start til slut. Mål - forbedre kvaliteten brugerinteraktion med webstedet.
UI, brugergrænseflade, fokuserer på de visuelle og interaktive elementer på et websted, såsom knapper, ikoner og typografi. Målet er at forbedre hjemmesidens udseende og funktionalitet.
Anatomi af et frontend-sted. Webdesign definitioner og termer.
—
Brødkrumme. Brødkrummer.
Når websider viser brugerne, hvordan de navigerede på websiden, og hvordan de vender tilbage til hjemmeside, dette gøres ofte ved hjælp af brødkrummer. Dette vises typisk som en række indlejrede kategorier, såsom Hjem > Kategori > År > Måned > Indlæg.
Favicon. Favicon.
Et favicon er et lillebitte ikon, der vises i din browsers fanelinje. De er typisk 16×16 pixels i størrelse (hvilket faktisk er meget lille) og gemmes som .ico-, .gif- eller .png-billeder. Du kan bruge næsten ethvert billede som et ikon, så længe det har den rigtige størrelse og gemt i det rigtige format.
Fokuspunkt. Koordinator.
Fokus på en webside er den del af siden, hvor din opmærksomhed tiltrækkes. Designere vil bruge meget tid på at skabe et fokuspunkt, der virkelig fanger seerens opmærksomhed, og derefter sætte det vigtigste på siden i fokus. Dette sikrer, at så mange som muligt ser det.
Forreste ende. Forreste ende.
Det er alle de elementer, såsom billeder, tekst, sider, som folk vil se, når de besøger dit websted første gang. Det er i bund og grund det, folk vil interagere med og engagere sig i på et websted.
Hamburger ikon. Hamburger ikon.
Hamburgerikonet refererer til menuikonet, der almindeligvis findes i senere programmer. Den har tre vandrette striber (deraf "hamburgeren") og skjuler den traditionelle navigationsmenu bag et enkelt ikon.
Landingsside. Landingsside.
Dette er den allerførste side, som besøgende på dit websted vil se. Mange websteder bruger en dedikeret landingsside til at lære noget af den besøgende (såsom at dele deres e-mailadresse eller en produktspecifik side). Dine landingsside er en af de vigtigste sider på din hjemmeside, og du bør bruge meget tid på at optimere den.
Navigation. Navigation.
Navigation er det system, der bruges til at flytte mellem elementer på din webside og er et af de vigtigste elementer på enhver webside. Det er derfor, det er så vigtigt at kende de vigtigste principper for hjemmesidenavigation. For det meste et lysende eksempel Navigationer er menuer, der vises på de fleste websider. Men vær også meget opmærksom på, hvordan siderne er organiseret og sammenhængen mellem dem. De kan også gøre en webside meget nemmere for besøgende at navigere.
Anatomi af en hjemmeside-backend. Webdesign definitioner og termer.
—
Bagende. Bagende.
Dette er den del af dit system, der effektivt kører dit websted, men som er skjult for besøgende. Der er mange forskellige backend-komponenter tilgængelige, men de indeholder typisk alle de samme ting – applikationer, informationsstruktur og dit CMS.
CMS
Et content management system er et internt værktøj til at administrere dit websteds indhold, tilføjelse af brugere, administration af kommentarer og muligvis meget mere. Hvis du nogensinde har brugt WordPress til at oprette en hjemmeside, har du brugt et CMS. Et CMS gør det meget nemmere at designe og skabe en webside, fordi den skjuler meget af den rå kode, der driver hjemmesiden.
E-handel. Elektronisk handel.
E-handel betyder "elektronisk handel". ligesom "e-mail" betyder "elektronisk post". Typisk tilføjer du en butik til din hjemmeside e-handel, som skal håndtere produktbeskrivelser, køb og salg samt kundedata.
HTTP/HTTPS
Det er et system, der håndterer kommunikation mellem browsere, servere og webapplikationer. Den definerer, hvordan data skal pakkes og sendes.
HTTPS er en udvidelse af HTTP, der kan etablere forbindelser over SSL (Secure Socket Layer). Dette er en meget mere sikker måde at dele data online på. Mange moderne webbrowsere vil advare dig, hvis et websted bruger standard HTTP-protokollen frem for HTTPS.
Som webstedsejer kan du købe de SSL-certifikater, der er nødvendige for at bruge HTTPS, fra forskellige udbydere. Når det er tilføjet, vil det gøre dit websted mere sikkert og skabe tillid til dine kunder.
Plugin. Vilkår for webdesign
Et lille program, der installeres oven på hovedsiden og giver ekstra sikkerhed. Plugins er tilgængelige til de fleste populære CMS-platforme og kan bruges til mange forskellige funktioner, lige fra automatisering af blogindlæg til lead management.
Skabelon. Prøve.
Skabeloner bruges i webdesign på nogenlunde samme måde, som de bruges til dokumenter og billeder – for at sikre et ensartet design på tværs af mange forskellige sider. De fleste CMS-platforme vil give dig et sæt skabeloner til din hjemmeside, der hjælper med at sikre sammenhæng på tværs af dine sider og dit design på dem.
Tekniske betingelser for internettet. Webdesign definitioner og termer.
—
Ankertekst. Ankertekst.
Ankertekst er en sætning eller flere ord, der indeholder et hyperlink. Brug af den rigtige ankertekst kan gøre en enorm forskel i, hvor godt din side rangerer i søgemaskinerne.
Backlink. Backlink.
Disse er links til dit websted fra andre websteder. Når et andet websted linker til dit, for eksempel for at dirigere deres læsere til en ressource, har du modtaget et backlink. Backlinks er meget vigtige, når det kommer til at øge dine søgerangeringer, fordi flere backlinks fra pålidelige websteder vil øge dit websteds synlighed.
Båndbredde. Båndbredde.
Båndbredde er et udtryk, der bruges i mange forskellige sammenhænge, men i bund og grund betyder det mængden af data, der sendes eller modtages i en given periode. Den kan fx bruges til at beskrive din internethastighed, hvor den normalt er angivet i kilobits per sekund (kbps). Det bruges dog nogle gange til at beskrive, hvor meget data du kan bruge om måneden som en del af din webhostingpakke.
Cache. Kontanter.
En cache er et sæt data, der er gemt i en webbrowser. Det betyder, at næste gang brugeren besøger siden, indlæses siden hurtigere, fordi den indlæses fra lokal hukommelse.
Vilkår for DNS-webdesign
DNS står for Domain Name Service. Dette er det system, som din webbrowser finder websider med. Når du azbyka.com.ua , søger din browser en "DNS-tabel", der konverterer denne menneskevenlige adresse til en computervenlig adresse (det vil sige en, der består af tal). DNS-systemet holder styr på, hvor alle websider i verden er, så din browser kan finde dem.
Domænenavn
Dette er navnet på dit websted. Du kan købe domæner fra mange virksomheder. De må ikke indeholde mere end 63 tegn. For eksempel, https://azbyka.com.ua/er vores domænenavn.
FTP
FTP står for File Transfer Protocol og er et system til overførsel af filer og data fra lokalt lager (f.eks. på din computer) til din webserver. For at bruge FTP skal du downloade et lille program kaldet en FTP-klient.
Permalink. Permanent link
Et permalink, der giver dig mulighed for at angive en adresse, der altid vil pege på et bestemt blogindlæg eller en bestemt side, uanset hvordan du ændrer strukturen på dit websted omkring det. Dette er meget nyttigt, hvis du bruger blogindlæg til at øge trafikken til dit websted, fordi du ikke behøver manuelt at ændre snesevis (eller hundredvis) af links, hvis du beslutter dig for at ændre design af din hjemmeside eller ændre dit domænenavn.
URL
En adresse, der angiver, hvor en bestemt side eller anden ressource kan findes.
Webhosting. Webdesign definitioner og termer.
Et webhotel er en virksomhed, der administrerer de servere, der gemmer din websted. Som vi forklarer i vores artikel om webhosting, kan webværter variere meget i niveauet af tjenester, de tilbyder. En god webhost vil være i stand til at forsikre dig om, at dit websted vil være tilgængeligt 99,9% af tiden, og vil også give dig værktøjerne til at holde det sikkert og effektivt.
Webserver
En webserver er den computer, der rent faktisk gemmer din webside. Det er højst sandsynligt placeret i en serverinstallation, der ejes af din webhost, selvom det også er muligt at køre dine egne servere.
Webudviklingsterminologi. Webdesign definitioner og termer.
CSS
CSS står for Cascading Style Sheets, og sammen med HTML er disse ark den mest grundlæggende del af enhver webside. For ti år siden blev websidens formatering, såsom størrelsen af overskrifter eller om billeder havde rammer, bestemt i selve HTML-koden. Dette betød at ændring af formatering var arbejdskrævende processen med at passere hvert element sider og kodeændringer.
Med CSS er alt meget enklere. En sides stil er indeholdt i en (eller flere) CSS-filer, der bestemmer, hvordan overskrifter ser ud, hvordan billeder vises og mange andre elementer. De fortæller browseren, hvordan hjemmesiden skal vises. Formatet på hele hjemmesider kan således ændres ved blot at skifte et stykke kode.
DHTML
DHTML står for Dynamic HyperText Markup Language. Det er en betegnelse for et sprog, der kombinerer flere webdesignsprog – HTML, JavaScript og CSS – til ét supersprog til webudvikling. Dette er normalt, hvad moderne webudviklere vil bruge til at oprette en hjemmeside til dig.
Doctype. Webdesign definitioner og termer.
I HTML er en dokumenttype en beskrivelse af hvilken type HTML og version der bruges på en webside. Den bruges af browsere til at kontrollere sidens integritet og kan forårsage sikkerhedsfejl, hvis den er forkert.
Em. EM. Vilkår for webdesign
Em bruges til at beskrive størrelsen af en skrifttype i forhold til den "overordnede" skrifttype, der bruges på siden. 1Em betyder, at skrifttypen (eller nogle gange andre elementer) har samme størrelse som deres overordnede element, 2em betyder, at de er dobbelt så store, og så videre.
Indlejret stil. Indbygget stil. Vilkår for webdesign
Mens CSS (se ovenfor) kan bruges til at beskrive formatet af hele sider på én gang, behøver du nogle gange kun at ændre stilen på én side. Det er, når en inline-stil bruges. En inline-stil er et stykke CSS-kode skrevet ind i hovedet på en webside, som kun påvirker elementer på den side, ikke hele dit websted.
Skrifttypefamilie/stil/vægt. Skrifttypefamilie/stil/vægt
Webdesignere og udviklere arbejder ofte ikke med bestemte skrifttyper, fordi forskellige browsere ikke altid bruger de samme skrifttyper. Dette er grunden til, at du i et CSS-dokument vil se, at den anvendte skrifttype er defineret som en skrifttypefamilie - en gruppe skrifttyper, der kan bruges - i stedet for kun én individuel. Sammen med denne definition vil CSS-dokumentet også definere skrifttypestilen (kursiv, understreget osv.) og vægten (fed, let osv.).
HTML. Webdesign definitioner og termer.
Hypertext markup sprog er grundlaget for internettet. Alle websider er skrevet, i hvert fald til en vis grad, i HTML, som er designet til at være så let at skrive som muligt. Faktisk kan det være meget nyttigt, prøv det tutorial på HTML kode, for at se, om det er nemt at skrive - du vil blive overrasket over, hvad du kan opnå på få timer!
Metadata.
Metadata er de data, der er indeholdt i overskriften på websider. Disse data er tilgængelige for din browser, men vises ikke som en del af den webside, du ser - du skal se kildekoden for at få adgang til den.
Open Source. Open source. Vilkår for webdesign
Open source-software er brugerunderstøttet og kan frit bruges og ændres. Dette står i kontrast til proprietær software, som ejes og vedligeholdes af en bestemt virksomhed. De fleste webudviklere vil bruge open source-software i det mindste nogle gange, fordi det ikke kun er billigere, men det kan også være mere sikkert. I dag minimerer de fleste webudviklere sikkerhedsbrud ved at bruge containere skrevet på open source-sprog.
Iscenesættelse. Iscenesættelse. Webdesign definitioner og termer.
Iscenesættelse af webсайта er processen med at skabe en næsten endelig kopi af den og derefter teste den, før den live-version af webstedet implementeres. De fleste webudviklere "iscenesætter" et websted, før de frigiver det for at sikre, at alt fungerer korrekt. Og ofte sker store ændringer på et websted på iscenesættelsesstedet i stedet for på det live-websted.
Gyldig. Gyldig.
I webdesign er gyldige websider dem, der ikke indeholder fejl. I praksis betyder det websider, der følger standarderne i HTML-specifikationerne udgivet af W3C, det fællesskab, der sætter standarder for webudvikling.
XML. Vilkår for webdesign
XML står for Extensible Markup Language. XML er en grundlæggende del af webdesign, fordi det fungerer som et "metasprog", der oversætter elementer fra et sprog til et andet. Det betyder, at websider kan oprettes på mange forskellige sprog, som alle kommunikerer via XML.
Sidste ting…
Du behøver selvfølgelig ikke kende alle disse webdesigndefinitioner og -termer for at komme i gang. udvikling af hjemmeside - enten selvstændigt eller med hjælp. I sidste ende er webdesign en læreproces, og de bedste designs er gentagelige kunstværker, der hele tiden forbedres, efterhånden som du lærer nye ting.
Det kan dog være meget nyttigt at have en guide gennem den til tider komplekse verden af webdesign, især når du lige er startet. Vores professionelle webdesignere hjælper dig med at komme i gang i den spændende verden af webdesign.
Efterlad en kommentar