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 och läsanvisningar. 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.
Det andra och tredje blocket innehåller också en uppgift som du ska genomföra för att visa att du kan tillämpa det du lärt dig.
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.
LWD släptes precis i en ny upplaga, så där upplagorna skiljer sig finns anvisningar till både LWD5 (för femte upplagan) och LWD6 (för sjätte upplagan). Du behöver såklart bara läsa i den upplaga du har.
Klicka på veckorna nedan för att se detaljerad information såsom läsanvisningar och länkar till laborationer och uppgifter.
Grunderna
-
Vecka 36 - Introduktion
-
Introduktion - Webbteknik (webbdesign), språk för webben
Läsanvisningar: LWD 1
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
-
Webbdesign
Läsanvisningar: LWD 3, EUE 1
-
-
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 (fram till 'Adding svg images')
-
-
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: LWD5 13, LWD6 14
-
Layout och responsiv webbdesign
-
Vecka 39 - Placering av element
-
Boxmodellen
Läsanvisningar: LWD5 14, LWD6 15
-
Layout och grid
Läsanvisningar: LWD5 16 (s.447-484), LWD6 18
-
Responsiv webbdesign
Läsanvisningar: LWD5 17, LWD6 19
-
-
Vecka 40 - Layout
-
Flexbox
Läsanvisningar: LWD5 16 (s.419-446), LWD6 17
-
Flytande element
Läsanvisningar: LWD5 15 (s.387-398), LWD6 16 (s.395-406)
-
Positionering
Läsanvisningar: LWD5 15 (s.405-418), LWD6 16 (s.411-426)
-
Navigering
Läsanvisningar: EUE 6 (s.118-131), LWD5 17 (s.504-505), LWD6 19 (s.541-543)
-
-
Vecka 41 - Designmodell och kravspecifikation
-
Visuella effekter
Läsanvisningar: LWD5 18 (s.517-533, resten översiktligt), LWD6 20 (s.551-570, resten översiktligt)
-
Designmodell: målgruppsanalys
Läsanvisningar: EUE 2-3
-
Designmodell: kravspecifikation
Läsanvisningar: EUE 4
-
Lämna in uppgift 1
-
Deadline 1, fre. 10/10 kl. 23:59
Lite av varje och avslutning
-
Vecka 42 - Tabeller och formulär. Designmodellen
-
Tabeller
Läsanvisningar: LWD 8, LWD5 19 (s.551-553)
-
Designmodell: struktur och navigering
Läsanvisningar: EUE 5-6
-
Formulär
Läsanvisningar: LWD 9, LWD5 19 (s.547-550), LWD6 21 (s.579-583), 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: LWD5 23-24, LWD6 26-27
-
Användning av bilder
Läsanvisningar: LWD 7 (s.146-158), LWD5 23 (s.665-667), LWD6 26 (s.762-766)
-
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: LWD5 13 (s.317-318), LWD6 14 (s.334-336)
-
Utvärdering och testning
-
Avslutning
-
Fortsätt med uppgiften
-
-
Vecka 45 - Eget arbete med uppgift 3
-
Avsluta uppgiften
-
Deadline 2, fre. 7/11 kl. 23:59
Kursperioden är slut
- Vecka 46
- Vecka 47
- Vecka 48
- Vecka 49
Deadline 3 (restuppgifter), fre. 5/12 kl. 23:59