Webbdesign - Ordlista, lexikon
webbutveckling, webbplats, hemsida

Siffrorna 0-9

• 301 redirect: Betyder att en webbadress har flyttats permanent till en ny webbadress. 

Bokstav A

• (Inget ord här ännu...)

Bokstav B

• Backend-utveckling - Backend development: Den delen av webbutveckling som handlar om att utveckla/underhålla den delen av webbplatser/webbapplikationer som inte direkt syns utåt mot besökaren. Backend syftar på kod som körs på servern, hantering av databaser, och all webbutvecklingsrelaterad kod bortsett från HTML, CSS, JS exempelvis: PHP, Python, Apache-instruktioner i htaccess-fil etc. 

Bokstav C

• CMS - Content Management System - Innehållshanteringssystem - Innehållspubliceringssystem: System/verktyg som hanterar innehåll/content. Med ett CMS kan du skapa webbplatser/hemsidor, utan att behöva koda i texteditor. Wordpress är det CMS som är mest känt. 

Bokstav D

• Digg - Myndigheten för digital förvaltning - Agency for Digital Government: Verkar för digitalisering i Sverige. Länk till startsida: Digg.se och länk till webbriktlinjer som digitala aktörer ska följa (enligt DOS-lagen): Digg.se/webbriktlinjer

• DNS - Domain Name System: Det system som översätter en URL (webbadress) till en IP-adress. Varje webbplats är kopplad till en unik IP-adress. Ungefär på samma sätt som när du klickar på ett namn i din telefonbok: du klickar på ett namn, men i praktiken ringer din telefon upp ett telefonnummer. 

Bokstav E

• Element - HTML element: HTML-element skapas med hjälp av HTML-taggar. H1-rubriken är ett exempel på ett HTML-element. Värdet mellan starttaggen och sluttaggen blir den text som visas på skärmen när man besöker webbplatsen. 

Bokstav F

• Frontend-utveckling - Frontend development: Den delen av webbutveckling som handlar om att utveckla/underhålla den delen av webbplatser/webbapplikationer som är direkt synlig utåt mot besökaren. Språken som används inom Frontend är: HTML, CSS, Javascript (JS). Även CMS som genererar denna typ av kod kan räknas in i Frontend-området. 

• Förfrågan - Query: En klient (webbläsare) kan skicka förfrågan till servern om att få ta emot en viss data. Varje gång du skriver in en URL i en webbläsare och trycker på enter så skickas en förfrågan till servern. Till höger om frågetecknet "?" i en URL finns query-strängen (som innehåller parametrar) som instruerar servern om vilken data som ska skickas från servern till klienten. 

Bokstav G

• (Ingen bokstav här ännu...)

Bokstav H

• HTML - Hypertext Markup Language: Det språk som krävs för att kunna skapa en webbsida eller webbplats. Med hjälp av HTML kan man exempelvis ange vilket innehåll som ska finnas på webbsidan. 

Bokstav I

• (Inget ord här ännu...)

Bokstav J

• Javascript - JS: Det programmeringsspråk som används för att programmera funktionalitet hos en webbsida. Det finns även en del möjligheter att skapa funktionalitet med hjälp av HTML och CSS, men det är främst JS som används för att skapa funktionalitet. 

Bokstav K

• Klient - Client: Webbläsare. 

Bokstav L

• Laddningstid: Tiden som det tar när en webbsidas innehåll laddas in. En typisk faktor som kan påverka laddningstiden är om bilder är optimerade (komprimerade med rätt dimensioner) eller inte. 

Bokstav M

• Martin Ågren: webbdesigner i Stockholm, och upphovsman till denna webbplats. Driver företaget VerksamhetsVision i Stockholm som erbjuder webbdesigntjänster med mera. 

• MDN - Mozilla Developer Network:
  HTML-element, lista: Developer.Mozilla.org/en-US/docs/Web/HTML/Element
  CSS-properties, lista: Developer.Mozilla.org/en-US/docs/Web/CSS/align-items

Bokstav N

• NPM - Node Package Manager: En pakethanterare för JavaScript som gör det möjligt att installera beroenden i ett webbprojekt. 

Bokstav O

• Objekt - Object: Inom Javascript (JS) funkar det så här: Ett JS-objekt kan innehålla en eller flera egenskaper/properties/key-value-pairs/nyckel-värdes-par. Varje key-value-pair kan innehålla data eller metod (en funktion kopplat till JS-objektet). 

Bokstav P

• PHP: Programspråk som är optimerat för att kunna användas inom backend-utveckling på serversidan. Wordpress är ett CMS som använder PHP. 

• Python: Programspråk kan användas inom backend-utveckling. 

Bokstav Q

• (Inget ord här ännu...)

Bokstav R

• Responsiv design - Responsive design: När en webbsida anpassar sig på ett bra sätt oavsett vilken sorts enhet som används när besökaren tittar på webbsidan i sin enhet. 

Bokstav S

• SEO - Sökmotoroptimering - Search Engine Optimization: Att optimera webbsidor i syfte att hamna högt upp i sökmotorernas sökresultat. Mer info finns i denna SEO-ordlista. 

• Spectra: Sajtbyggare (Gutenberg-baserad) i Wordpress. 

• Sidbyggare till Wordpress - Page builders for Wordpress: Plugins som gör det möjligt att bygga/redigera WP-sidor på ett smidigt sätt. Exempel på sidbyggare: Beaver Builder, Divi, Elementor, Gutenberg (inbyggt i WP), Spectra, Tatsu. 

Bokstav T

• Titelelementet - Titeltaggen - "Metatiteln" - Title element - Title tag: Ett HTML-element som placeras i head-delen av HTML-filen. Alltså inte samma sak som H1-elementet. Värdet hos titelelementet visas i webbläsarfliken högst upp i webbläsaren när webbsidan besöks. 

Bokstav U

• UI - User interface - Användargränssnitt: Det gränssnitt (utseende och funktionalitet) som en användare ser och interagerar med på en webbsida. 

• UTF-8 med BOM: För filer som innehåller kod: Undvik BOM. Välj istället "UTF-8" eftersom BOM kan störa läsning av kod. För README-filer etc: OK att använda BOM om det krävs för att t.ex. Dropbox-appen i iPhone ska kunna visa Å, Ä, Ö på korrekt sätt. Du kan ej ändra teckenkodning inuti Dropbox-appen. Du behöver ändra den via dator. 

• UX - User Experience - Användarupplevelse: Upplevelsen som besökaren av en webbsida får. Bra UX innebär att användaren får en bra upplevelse av att se och interagera med webbsidan. 

Bokstav V

• Validator.nu - "Nu Html Checker": Validera HTML-kod online. Länk: Validator.nu

• VerksamhetsVision i Stockholm: Företag som erbjuder webbrelaterade tjänster i Stockholm. 

• Visual Studio Code - V S Code: Texteditor för att skriva kod. Sida där man kan ladda ner programmet (välj Windows eller välj Mac): Code.VisualStudio.com/download

Bokstav W

• Webbapplikation: Ett verktyg som kan nås via Internet. Ett online-verktyg. Exempel på kända webbapplikationer: Google Sök, Google Docs. 

• Webbdesigner: Person som arbetar med att skapa/redigera webbplatser. Exempel: Jag (Martin Ågren) erbjuder tjänster som webbdesigner i Stockholm.  Yrkestiteln webbdesigner associeras inte lika mycket till kodande som yrkestiteln webbutvecklare. En webbdesigner kan dock använda sig av kod (och/eller CMS) för att skapa/redigera webbplatser. 

• Webbutveckling - Web development: Att utveckla webbplatser och webbapplikationer. Webbutveckling kan delas in i: Frontend-utveckling och Backend-utveckling. 

• Webbplats - Web site - Hemsida - Sajt - Site: En domän på Internet som kan nås via en webbadress (URL). Ordet "hemsida" kan betyda olika saker för olika personer. För många är det en synonym till ordet webbplats, men för vissa betyder hemsida startsidan på en webbplats. 

• Wordpress: Det CMS som är mest känt och mest använt i världen. 

Bokstav X, Y, Z, Å, Ä, Ö

• Z-index: En CSS-egenskap. Ju högre z-index ett HTML-element har, desto "längre fram" i staplingsordningen på webbsidan hamnar det elementet.