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 (sjätte upplagan) 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 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: LWD 14
-
Layout och responsiv webbdesign
-
Vecka 39 - Placering av element
-
Boxmodellen
Läsanvisningar: LWD 15
-
Layout och grid
Läsanvisningar: LWD 18
-
Responsiv webbdesign
Läsanvisningar: LWD 19
-
-
Vecka 40 - Layout
-
Flexbox
Läsanvisningar: LWD 17
-
Flytande element
Läsanvisningar: LWD 16 (s.395-406)
-
Positionering
Läsanvisningar: LWD 16 (s.411-426)
-
Navigering
Läsanvisningar: EUE 6 (s.118-131), LWD 19 (s.541-543)
-
-
Vecka 41 - Designmodell och kravspecifikation
-
Visuella effekter
Läsanvisningar: LWD 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
-
Designmodell: struktur och navigering
Läsanvisningar: EUE 5-6
-
Formulär
Läsanvisningar: LWD 9, LWD 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: LWD 26-27
-
Användning av bilder
Läsanvisningar: LWD 7 (s.146-158), LWD 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: LWD 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