Tema: Webbens byggstenar
Introduktion till dokumentets struktur, textens anatomi och webben som digital arena.
0% klart · 24 frågor
Varför gör vi det här?
Webben är världens mest kraftfulla, öppna plattform. Vem som helst kan publicera något som når miljarder människor. Men det finns en hake: du kodar inte bara för mänskliga ögon, du kodar för maskiner. Din kod läses av sökmotorer som avgör om sidan går att hitta, av webbläsare i allt från klockor till speldatorer, och av skärmläsare som för vissa användare är enda vägen in.
Alla tre läser samma sak: din HTML-struktur. De ser inga färger och ingen design, bara taggarna. Det är därför temat börjar med strukturen, inte med utseendet.
Du går från pappersskiss till semantisk HTML, vidare till CSS som gör innehållet läsbart, och avslutar med Gutenberg-projektet där du bygger en komplett webbplats av alltihop.
- 1 Från pappersskiss till HTML Grunderna i dokumentets anatomi, webbens mönster, HTML-struktur och hur taggar bildar ett träd.
- 2 Meningsfull kod & tillgänglighet Meningsfull struktur: innehållshierarki, webbens roll i samhället och HTML5-landmärken som maskiner förstår.
- 3 CSS-grunder & läsbarhet CSS-mekanik och läsbar layout: selektorer, Innehållscontainern och en tillgänglig navigering.
- 4 Milstolpe: Gutenberg-projektet Milstolpe: Förvandla råtext till en läsvänlig och semantiskt korrekt webbplats.