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.
I slutet av varje block skall du även lämna in en liten webbsida för att visa att du kan tillämpa det du lärt dig. Inlämningsuppgifterna är utformade så att du kan bygga på dem varje vecka, du behöver inte vänta till sista veckan för att börja med uppgiften.
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
-
Lämna in första uppgiften
-
Deadline 1, fre. 18/9 kl. 23:59
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 andra uppgiften
-
Deadline 2, fre. 9/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 slutuppgiften
-
-
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 slutuppgiften
-
-
Vecka 44 - Inbäddad media, interaktivitet samt utvärdering
-
Inbäddad media
Läsanvisningar: LWD 10
-
Interaktivitet
Läsanvisningar: LWD 14 (s.334-336)
-
Avslutning
-
Fortsätt med slutuppgiften
-
-
Vecka 45 - Eget arbete med uppgift 3
-
Avsluta slutuppgiften
-
Deadline 3, fre. 6/11 kl. 23:59
Kursperioden är slut
- Vecka 46
- Vecka 47
- Vecka 48
- Vecka 49
Deadline 4 (restuppgifter), fre. 4/12 kl. 23:59