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
Föreläsning F1a: Video (27 min)
Lab 1a: Verktyg och organisation - Installation av program, skaffa konton.
-
Internet och datakommunikation
Läsanvisningar: LWD 2
Föreläsning F1b: Video (51 min)
-
Webben, länkar och filer
Läsanvisningar: LWD 2, LWD 6
Föreläsning F1c: Video (19 min)
-
Webbdesign
Läsanvisningar: LWD 3, EUE 1
-
-
Vecka 37 - Strukturering med HTML
-
Introduktion till HTML
Läsanvisningar: LWD 4
Föreläsning F2a: Video (29 min)
-
Bakgrund och standard
Läsanvisningar: LWD 4
Föreläsning F2b: Video (49 min)
-
Kodning och formattering av text
Läsanvisningar: LWD 5
Föreläsning F2c: Video (39 min)
-
Länkar, bilder och adresser
Läsanvisningar: LWD 6, LWD 7 (fram till 'Adding svg images')
Föreläsning F2d: Video (22 min)
-
-
Vecka 38 - Stil med CSS
-
Introduktion till CSS
Läsanvisningar: LWD 11
Föreläsning F3a: Video (43 min)
-
Selektering och stil för text
Läsanvisningar: LWD 11-12
Föreläsning F3b: Video (19 min)
-
Färger och bakgrunder
Läsanvisningar: LWD 13
Föreläsning F3c: Video (32 min)
-
Specificering och tillstånd av element
Läsanvisningar: LWD 14
Föreläsning F3d: Video del 1 (23 min), Video del 2 (20 min)
-
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
Föreläsning F4a: Video (46 min)
-
Layout och grid
Läsanvisningar: LWD 18
Föreläsning F4b: Video del 1 (16 min), Video del 2 (33 min)
-
Responsiv webbdesign
Läsanvisningar: LWD 19
Föreläsning F4c: Video del 1 (19 min), Video del 2 (18 min)
-
-
Vecka 40 - Layout
-
Flexbox
Läsanvisningar: LWD 17
Föreläsning F5a: Video (27 min)
-
Flytande element
Läsanvisningar: LWD 16 (s.395-406)
Föreläsning F5b: Video (15 min)
-
Positionering
Läsanvisningar: LWD 16 (s.411-426)
Föreläsning F5c: Video (32 min)
-
Navigering
Läsanvisningar: EUE 6 (s.118-131), LWD 19 (s.541-543)
Föreläsning F5d: Video (22 min)
-
-
Vecka 41 - Designmodell och kravspecifikation
-
Visuella effekter
Läsanvisningar: LWD 20 (s.551-570, resten översiktligt)
Föreläsning F6a: Video (29 min)
-
Designmodell: målgruppsanalys
Läsanvisningar: EUE 2-3
Föreläsning F6b: Video del 1 (10 min), Video del 2 (16 min)
-
Designmodell: kravspecifikation
Läsanvisningar: EUE 4
Föreläsning F6c: Video (17 min)
-
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
Föreläsning F7a: Video (20 min)
-
Designmodell: struktur och navigering
Läsanvisningar: EUE 5-6
Föreläsning F7b: Video (43 min)
-
Formulär
Läsanvisningar: LWD 9, LWD 21 (s.579-583), EUE 6
Föreläsning F7c: Video (32 min)
-
Designmodell: interaktion och gränssnitt
Läsanvisningar: EUE 5-6
Föreläsning F7d: Video (23 min)
-
Påbörja slutuppgiften
-
-
Vecka 43 - Grafik. Designmodellen
-
Introduktion till bilder
Läsanvisningar: LWD 26-27
Föreläsning F8a: Video (36 min)
-
Användning av bilder
Läsanvisningar: LWD 7 (s.146-158), LWD 26 (s.762-766)
Föreläsning F8b: Video (13 min)
-
Designmodell: Webbplatsens ytskikt
Läsanvisningar: EUE 7-8
Föreläsning F8c: Video (19 min)
-
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