Bygg din egna webbsida – En introduktion till HTML och CSSIntroduktion

HTML-kod.

Var är det för gallimatias här ovan? En aspekt av digital kompetens är att kunna titta bakom kulisserna på hur en webbsida är uppbyggd och ha någon liten hum om vad det egentligen är som försiggår. Vad är och gör egentligen all den där kryptiska koden som utgör en webbsida? Här ovan är en liten del av det som utgör Digiteket. 

Syfte

Genom att övergripande kunna orientera dig bland språken som styr hur en webbsida ser ut, det som kallas för HTML och CSS, så kan det vara lite lättare att orientera i den digitala omvärlden. En del kodkunskaper kan också ibland vara nyttigt att ha om du jobbar med publiceringsplattformar som WordPress eller Episerver. Det kan också vara bra att känna till lite grunder för att kunna felsöka och bedöma tillgänglighetsaspekter.

Kunskapsmål

Efter genomgången kurs kommer du att

  • kunna skapa en enkel webbsida med grundläggande HTML-taggar 
  • känna till hur en webbsida är logiskt uppbyggd
  • kunna skapa rubriker, stycketexter, bilder. puktlister och länkar
  • kunna skapa och koppla på en CSS-fil som låter dig designa din webbsidas utseende
  • känna till lite om hur färg fungerar på webben. 

Kommentarer

Du kommer inte vara fullärd webbdesigner efter genomgången kurs men i det sista kapitlet så tipsar vi om fler resurser om du fick blodad tand och vill bygga vidare på dina kunskaper.

En hel del av denna kurs är inspirerad av W3:s resurser.

Om du loggar in kan du spara dina framsteg och få personligt rekommenderade kurser.

Författare: Ola Nilsson

Publicerad: 2 november, 2021