Kursens består av tre block om tre-fyra veckor vardera. Varje vecka består av en föreläsning, uppdelad i ett antal delar, laborationer, läsanvisningar och en del av blockets uppgift. Det är bra om du hinner titta i litteraturen innan föreläsningen, på så sätt har du möjlighet att ställa frågor på sådant som känns oklart. Efter föreläsningen har du allt du behöver för att klara av laborationerna och veckans del av uppgiften.
I läsanvisningarna är LWD = Learning Web Design och EUE = Elements of User Experience. Siffrorna är kapitel och om inget annat anges inom parentes, är det hela kapitlet som ska läsas. Samma kapitel kan också komma igen flera gånger.
Grunderna
Vecka 36 - Introduktion
Introduktion - Webbteknik (webbdesign), språk för webben
Läsanvisningar: LWD 1, LWD 20 (s.581-588)
Lab 1a: Verktyg och organisation - Installation av program, skaffa konton.
Internet och datakommunikation
Läsanvisningar: LWD 2
Webben, länkar och filer
Läsanvisningar: LWD 2, LWD 6 (s.116-123)
Webbdesign
Läsanvisningar: LWD 3, EUE 1
Påbörja uppgiften
Vecka 37 - Strukturering med HTML
Introduktion till HTML
Läsanvisningar: LWD 4
Bakgrund och standard
Läsanvisningar: LWD 4
Kodning och formattering av text
Läsanvisningar: LWD 5
Länkar, bilder och adresser
Läsanvisningar: LWD 6, LWD 7 (s.131-138)
Fortsätt med uppgiften
Vecka 38 - Stil med CSS
Introduktion till CSS
Läsanvisningar: LWD 11
Selektering och stil för text
Läsanvisningar: LWD 11-12
Färger och bakgrunder
Läsanvisningar: LWD 13
Specificering och tillstånd av element
Läsanvisningar: LWD 13
Avsluta uppgiften
Deadline 1, sön. 22/9 kl. 23:59
Layout och responsiv webbdesign
Vecka 39 - Placering av element
Boxmodellen
Läsanvisningar: LWD 14
Layout och grid
Läsanvisningar: LWD 16 (s.447-484)
Responsiv webbdesign
Läsanvisningar: LWD 17
Påbörja uppgiften
Vecka 40 - Layout
Flexbox
Läsanvisningar: LWD 16 (s.419-446)
Flytande element
Läsanvisningar: LWD 15 (s.387-398, kursivt 399-404)
Positionering
Läsanvisningar: LWD 15 (s.405-418)
Navigering
Läsanvisningar: EUE 6 (s.118-131), LWD 17 (s.504-505)
Fortsätt med uppgiften
Vecka 41 - Designmodell och kravspecifikation
Visuella effekter
Läsanvisningar: LWD 18 (s.517-533, resten översiktligt)
Designmodell: målgruppsanalys
Läsanvisningar: EUE 2-3
Designmodell: kravspecifikation
Läsanvisningar: EUE 4
Avsluta uppgiften
Deadline 2, sön. 13/10 kl. 23:59
Lite av varje och avslutning
Vecka 42 - Tabeller och formulär. Designmodellen
Tabeller
Läsanvisningar: LWD 8, LWD 19 (s.551-553)
Designmodell: struktur och navigering
Läsanvisningar: EUE 5-6
Formulär
Läsanvisningar: LWD 9, LWD 19 (s.547-550), EUE 6
Designmodell: interaktion och gränssnitt
Läsanvisningar: EUE 5-6
Påbörja uppgiften
Vecka 43 - Grafik. Designmodellen
Introduktion till bilder
Läsanvisningar: LWD 23-24
Användning av bilder
Läsanvisningar: LWD 7 (s.146-158), LWD 19 (s.556-559), LWD 23 (s.665-667)
Designmodell: Webbplatsens ytskikt
Läsanvisningar: EUE 7-8
Fortsätt med uppgiften
Vecka 44 - Inbäddad media, interaktivitet samt utvärdering
Inbäddad media
Läsanvisningar: LWD 10
Interaktivitet
Läsanvisningar: LWD 13 (s.317-318)
Utvärdering och testning
Avslutning
Fortsätt med uppgiften
Vecka 45 - Eget arbete med uppgift 3
Avsluta uppgiften
Deadline 3, sön. 10/11 kl. 23:59
Kursperioden är slut
- Vecka 46
- Vecka 47
- Vecka 48
- Vecka 49
Deadline 4 (restuppgifter), sön. 8/12 kl. 23:59