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 tittar i litteraturen innan föreläsningarna, på så sätt kan du hänga med i filmerna på ett annat sätt. Efter föreläsningarna 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.
Klicka på veckorna nedan för att se detaljerad information såsom läsanvisningar och länkar till laborationer och uppgifter.
Grunderna
Vecka 4 - 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 5 - 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 6 - 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. 9/2 kl. 23:59
Layout och responsiv webbdesign
Vecka 7 - 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 8 - 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 9 - 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. 2/3 kl. 23:59
Lite av varje och avslutning
Vecka 10 - 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 11 - 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 12 - 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 13 - Eget arbete med uppgift 3
Avsluta uppgiften
Deadline 3, sön. 30/3 kl. 23:59
Kursperioden är slut
- Vecka 14
- Vecka 15
- Vecka 16
- Vecka 17
Deadline 4 (restuppgifter), sön. 27/4 kl. 23:59