Webbdesign - Grundkurs

Förkunskaper: Datorkunskap - Grundkurs och helst också Multimedia - Grundkurs >

1. Kursbeskrivning

Den här kursen inrättades av Skolverket som en nationell kurs, under sommaren 2000 och gavs första gången under hösten 2001. Kursen är på 100 poäng och undervisningstiden brukar vara c:a 80 timmar.

I Skolverkets kortfattade kursbeskrivning står att kursen skall:

"...ge grundläggande kunskaper om webbsidors uppbyggnad samt multimediala programvaror och färdigheter i att använda dessa. Kursen skall även ge kunskap om hur en webbsida skapas och läggs upp."

Tittar man närmare på de kunskapskrav man ställer ser man att eleverna efter kursen skall:

• kunna skapa och designa en användarvänlig webbsida med länkar och multimediepresentationer
• kunna skapa grafik-, video- och ljudobjekt
• kunna skapa enklare animeringar
• kunna använda olika programvaror för att skapa webbsidor
• känna till olika webbläsares prestanda och övriga egenskaper
• kunna använda bild-, video- och ljudredigeringsprogram
• ha kunskap om HTML
• ha kunskap om upphovsrättsregler och internetjuridik
• ha grundläggande kunskaper om webbsidors uppbyggnad
• kunna analysera sidlayouter

Jag har redigerat den här listan litegrand, men innehållet är i stort sett detta. Man måste givetvis försöka anpassa kursen efter de förkunskaper eleverna har och vara medveten om att eleverna kan befinna sig på väldigt olika kunskapsnivåer.

Ytterligare ett problem är att kursen inte har några tydliga avgränsningar gentemot multimedia. Detta kan ställa till med problem för de skolor som ger både Multimedia grundkurs och fördjupningskurs, samtidigt som grundkursen i webbdesign.

Min filosofi har därför varit att försöka göra kursen i webbdesign lite mer teknisk och inriktad mot produktionen av en webbsida. Kunskaperna i video och ljud har jag däremot lyft ut och lagt i multimedia i stället.

2. Arbetsplan och kursinnehåll

Många som väljer den här kursen vill göra en egen hemsida. Därför kan det vara lämpligt att ha detta som ett huvudprojekt. Man gör gissningsvis inte en perfekt version med en gång, utan kan i långsam takt bygga ut sin sajt med nya sidor och finesser.

Jag har upptäckt att det är svårt att genomföra kursen med gemensamma genomgångar. Anledningen är att eleverna har väldigt olika förkunskaper. I stället har jag skapat olika moment eller block, som eleverna tar sig igenom i egen takt.

Detta har även skapat en stor förståelse för hur viktigt planeringsarbetet är. Att göra om en sajt är tidsödande!

Men de olika momenten behöver inte alltid bli klara. Det är bättre att eleverna får prova på olika moment, även om de inte blir klara, än att de kör fast i et moment och bara blir klara med detta.

Man kan lämpligen lägga in teoretiska prov under tiden, t.ex om Html, bildtyper, osv.

Kursplanen säger inget om att man måste kunna lägga upp sin sajt på webben. Just detta moment brukar vara ytterst tidsödande, eftersom gratistjänsterna inte alltid svarar. Har skolan en egen webbserver är det en stor fördel.

3. Betygskriterier

Det är alltid svårt att sätta betyg. På varje skola och utbildningsanstalt får man först och främst komma överens om vilka kriterier som skall gälla. Allmänt tycker jag så här:

Skolverkets kursplaner brukar säga att för Godkänt skall eleven ha "viss kännedom" eller ha "vissa kunskaper" om de moment kursen har omfattat. Det står också att eleven skall ha klarat uppgifterna med "visst stöd".

För godkänt vill jag också att eleven skall ha visat intresse och försökt göra alla de uppgifter jag lämnat ut. Har eleven inte hunnit allt och inte förstått allt ser jag inte det som ett skäl till att ge underkänt. Närvaron är viktig, men inte helt avgörande.

För Väl godkänt kräver Skolverket att eleven har "god kännedom" och "goda kunskaper" och ha klarat av att utföra uppgifterna tämligen självständigt. Just självständigheten ser jag som viktig.

Jag kräver också här att eleven hinner med att göra extrauppgifter och försöker även då jag (medvetet) inte visar hur man gör. Närvaron är viktig som ett mått på elevens engagemang.

För Mycket väl godkänd brukar kriterierna vara ännu mer luddiga, om de finns över huvudtaget. Det brukar stå att eleven skall kunna arbeta i stort sett helt självständigt och närmast professionellt.

Enligt min betygssättning krävs här att eleven gör något utöver det vanliga och inte bara gör alla uppgifter och extrauppgifter, utan dessutom gör dem självständigt, utan fel och med finess.

Hemsidan som eleverna gör värderas efter:

• Layout Hur snygg är sidan? Hur genomarbetad layout har den?
   
• Innehåll Hur många sidor har eleven gjort? Hur mycket har eleven arbetat med att fylla sidorna med innehåll?
   
• Funktionalitet Hur väl fungerar sidorna att navigera mellan? Hur tekniskt avancerad är den? Har eleven använt sig av de verktyg han/hon fått lära sig?

Jag brukar även titta på betygen så här:

• Godkänt Eleven har med en del hjälp arbetat fram ett färdigt material som fungerar och ser ok ut. Sidorna fungerar men skulle kunna förbättras avsevärt.
   
• Väl Godkänt Eleven har arbetat i stort sett självständigt och använt de verktyg han/hon fått lära sig på ett bra sätt. Sidorna är snygga, har bra funktionalitet och ett genomarbetat innehåll.
   
• Mycket Väl Godkänt Eleven har gjort ett närmast professionellt jobb där det lilla extra finns med. Det kan vara en synnerligen väl genomarbetad design, ett mycket innehållsrikt material eller en väldigt avancerad teknik. Eleven höjer sig avsevärt över mängden med arbetet.

4. Undervisningsmaterial

Här har jag samlat sådant material som passar för de moment jag beskrev ovan:

Övningar

Webbdesignövning 1
Grundkurs i GoLive eller Dreamweaver. Läs mer på sidorna om programkunskap >

Webbdesignövning 2
HTML-kunskap >
Innehåll: Lär dig skriva koden för hand

Webbdesignövning 3
Webbanpassade bilder >
Smarta bildobjekt > (eller annan programspecifik övning)

Webbdesignövning 4
Website usability - hemsidors användbarhet >
Exempel på berättarstrukturer >

Övningarna 1-5 avslutas med ett prov, där elevens kunskaper testas. Provet består av några bild- och textfiler, som eleven skall anpassa och göra till webbsidor.

Exempel på provfråga
Du kan titta på hur en provfråga kan se ut: Läs mer >

Webbdesignövning 6
Arbeta med frames >

Webbdesignövning 7
Skapa en enkel stilmall

Webbdesignövning 8
Gör ett formulär >
Skicka formuläret >

Webbdesignövning 9
Rollover i GoLive >

Titta också på andra övningar på sidorna om olika program. Gå dit >

Teoretiska moment
Teorin anpassas efter den elevgrupp man har och den inriktning de har valt. Jag tycker dock att följande sidor skall ingå:

- Vad betyder färgkoderna?
Läs avsnitt 1-3 på Färgsidan: Läs mer >

- Hur fungerar bilder?
Läs avsnitt 1-3 på sidan om bildtyper: Läs mer >

Exempel på provfrågor

Prov 1: Läs frågorna >

Prov 2: Läs frågorna >

Prov 3: Läs frågorna >

Prov 4: Läs frågorna >

Övningarna 6-9 + teori avslutas med ett projekt, där eleven får visa vad han eller hon förstått, genom att göra en egen hemsida. Sidan kan vara om sig själv, ett intresse eller en del av en annan kurs eller projektarbete.