Webbutveckling · område 2

HTML – innehåll och struktur

Här bygger du din första riktiga webbplats: flera sidor, helt utan formgivning. Att den är ostilad är inte en förenkling – en sida som fungerar utan CSS fungerar för alla.

13 okt Inlämning: Projekt 1 – Flersidig ostilad webbplats Kl 23:59. Bilderna kommer från ditt bildpaket i Gränssnittsdesign.
14 okt Prov 1 – kodprov HTML Skriftligt, utan dator. Utgår från referensprojektet.

Börja här

Uppgift Projekt 1 – flersidig webbplats
Välj form, se kraven och bocka av dem medan du arbetar. Deadline 13 oktober.
Guide HTML – innehåll och struktur
Uppslagsboken. Tretton avsnitt, felsökning och en snabbreferens över taggarna.
Felsökning När något inte fungerar
Sökbar tabell: symptom, trolig orsak och vad du gör åt det.
Snabbreferens Alla taggar i området
Tabell över elementen med vad de betyder, plus ordträning att köra själv.
Prov Inför prov 1
Vad provet är, vad som kommer, betygsgränserna och en plugglista. 14 oktober.

Vad du ska kunna när området är slut

Skriva ett komplett HTML-dokument från minnet
Välja rätt element utifrån vad innehållet betyder, inte hur det ser ut
Bygga en navigering mellan flera sidor med relativa sökvägar som håller
Skriva alt-texter som fungerar för den som inte ser bilden
Bygga en datatabell som går att följa med skärmläsare
Bygga ett formulär där varje fält är kopplat till sin etikett
Validera din kod och tolka felmeddelandena
Förklara varför standarder finns och vad en användaragent är

Lektionerna i området

Missade du ett pass? Sista kolumnen säger var innehållet står.

Datum	Vad vi gör	Missade du passet?
8 sept	HTML-dokumentets grund och teckenkodning	Guide, avsnitt 1–2
9 sept	Semantik och struktur	Guide, avsnitt 3–4
15 sept	Länkar och sökvägar	Guide, avsnitt 5
16 sept	Bilder och media i lämpliga format	Guide, avsnitt 6
22 sept	Tabeller	Guide, avsnitt 7
23 sept	Formulär	Guide, avsnitt 8
29 sept	Kvalitetssäkring och validering	Guide, avsnitt 9
30 sept	Interoperabilitet och användaragenter	Guide, avsnitt 10
6 okt	Arbetspass med handledning	Uppgift: ska-kraven
7 okt	Arbetspass med handledning	Uppgift: bör-kraven
13 okt	Sista finputs. Inlämning kl 23:59	Uppgift: innan du lämnar in
14 okt	Prov 1 – kodprov HTML	Inför prov 1

Det viktigaste

Ett element väljs efter vad innehållet betyder, inte efter hur det ser ut. <h1> är inte stor fet text – det är sidans huvudrubrik. Utseendet byter du i CSS i november, betydelsen bestämmer du nu.

Ingen CSS i det här området

Inte en style-tagg, inte ett style-attribut. Det känns naket, och det är meningen: du ska se strukturen utan att utseendet döljer den.