Bygg din egna webbsida – en introduktion till HTML och CSS
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, punktlistor 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.
Puffbilder: Träblocksprint av Furuya Korin, Public domain