Webbdesign - Fördjupning

Förkunskaper: Webbdesign - Grundkurs

1. Kursbeskrivning

Under 2002 undervisade jag i grundkursen i webbdesign för gymnasiet. Jag upptäckte då att flera elever redan kunde det mesta och därmed kunde tentera av hela kursen.

Tanken föddes därför på att skapa en fördjupningskurs i webbdesign, för att fördjupa elevernas kännedom om webben och dess möjligheter. Jag frågade eleverna vad de skulle vilja kunna och hörde även med branschen vad man skulle kunna ha för innehåll.

En fördjupningskurs skall inte heller kosta för mycket pengar, t.ex i form av extra programinköp. Den skall också skilja sig åt från kurser i t.ex multimedia, programmering och informationshantering.

Jag skrev ihop kursens innehåll, mål och betygskriterier och ansökte om att få den godkänd som en lokal kurs. Ansökan skickades till Göteborgs Utbildningsförvaltning, som godkände den i oktober 2002.

Mål för kursen

Kursen skall ge fördjupade kunskaper om webbsidors uppbyggnad och användande, samt hur en webbsida kan kopplas ihop med annan media. Kursen skall även ge grundläggande kunskaper i hur man arbetar på en webbyrå.

Mål som eleverna skall ha uppnått efter avslutad kurs

Eleven skall:

• kunna skapa och designa en användarvänlig webbsida med frames, länkar och multimediepresentationer.
• kunna skapa olika slags animeringar och rollovers.
• ha goda kunskaper om hur man skapar och använder formulär.
• ha god kunskap om HTML-språkets viktigaste satser, funktioner och syntax.
• ha kunskaper om stilmallar (CSS) och hur de används.
• ha kunskaper om hur man skapar objektgrafik för webben, t.ex i program som Macromedias "Flash" eller Adobes "LiveMotion".
• ha kunskaper om JavaScript, ASP, PHP eller motsvarande scriptspråk.
• ha kunskaper om hur man kopplar samman hemsidor och databaser.
• ha kunskaper om hur man skapar plattformsoberoende dokument m.h.a XML, PDF och motsvarande tekniker.
• ha kunskaper om hur arbetet på en webbyrå fungerar.
• ha kunskaper om hur man arbetar i gemensamma projekt.

2. Arbetsplan och kursinnehåll

En fördjupningskurs i webbdesign bör innehålla följande moment:

Fördjupade kunskaper om markeringsspråket Html, Xhtml, frames, bildbehandling, animeringar och rollovers. Likaså större kännedom om ett grafiskt layoutprogram, t.ex GoLive eller Dreamweaver.

Ökade kunskaper om stilmallar och hur de kan användas för att styra en hemsidas layout.

Från branschfolk har jag hämtat det att eleverna skall lära sig mer om formulär, gärna i samband med databaskopplingar. Detta kräver idag ingen extra teknik, eftersom det finns gratistjänster på Internet där man kan pröva på att använda sådana funktioner, samt språk som ASP eller PHP. Jag tycker att man också skall ge eleverna vissa insikter i hur JavaScript eller motsvarande scriptspråk fungerar.

Branschen vill också gärna att eleverna har goda kunskaper om hur man skapar vektorgrafik för webben, t.ex i program som Macromedias "Flash" eller Adobes "LiveMotion".

Fördjupade kunskaper om hur man skapar plattformsoberoende dokument m.h.a XML, PDF och motsvarande tekniker. Nya webbläsare (verison 6-7) klarar numera av att läsa XML. Det finns gratisprogram för att omvandla XML-filer till vanliga HTML-dokument. Här kan man även använda Photoshop 7, InDesign eller Acrobat, för att skapa PDF-filer och jämföra användarvänligheten och möjligheterna i olika format.

Jag tycker också att man bör ha vissa kunskaper om hur arbetet på en webbyrå fungerar, inte minst hur man arbetar i gemensamma projekt. Det kan finnas en webmaster, en fotograf/bildbehandlare, en programmerare, osv. Dessa kan tillsammans skapa en fungerande produktionsenhet, precis som man gör ute i branschen.

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. Här är vad jag själv anser:

Kriterier för betyget Godkänd

• Eleven söker med viss handledning upp de fakta som behövs för arbetsuppgifterna.
• Eleven skapar och designar själv webbsidor med frames, länkar och multimediapresentationer.
• Eleven skapar själv enklare animeringar och rollovers.
• Eleven använder självständigt bild-, video- och ljudredigeringsprogram.
• Eleven skriver med viss hjälp sidor med HTML-kod.
• Eleven har kännedom om stilmallsspråket.
• Eleven har kännedom om hur man använder objektgrafik på webben.
• Eleven har kännedom om hur databaser fungerar och används.
• Eleven har viss kännedom om JavaScript, ASP, PHP eller motsvarande scriptspråk.
• Eleven har viss kännedom om XML, PDF och motsvarande tekniker.
• Eleven har viss kännedom om hur arbetet på en webbyrå fungerar, samt hur man arbetar i gemensamma projekt.

Kriterier för betyget Väl godkänd

• Eleven söker självständigt upp de fakta som behövs för arbetsuppgifterna.
• Eleven utför webbdesign med noggrannhet och omsorg och når snabbt avsett resultat.
• Eleven tillämpar upphovsrättsregler och andra bestämmelser i arbetet.
• Eleven hämtar självständigt information för arbetsuppgifterna från olika källor.

Kriterier för betyget Mycket väl godkänd

• Eleven utför sina arbetsuppgifter på ett närmast yrkesmässigt sätt.
• Eleven väljer lösningar med hänsyn till design och funktion samt med hänsyn till säkerhet, ekonomi, lagstiftning och etik.

3. Undervisningsmaterial

Här har jag samlat sådant material som passar för de moment jag beskrev i arbetsplanen för Webbdesign, fördjupningskurs.

Kunskaper om olika program

Grafiskt webbprogram
Se mina sidor om GoLive >
Se mina sidor om Dreamweaver >

Program för webbgrafik
Se mina sidor om Photoshop >
Se mina sidor om ImageReady >
Se mina sidor om Fireworks >

Animationsprogram
Här använder man lämpligen Macromedia Flash.

Andra övningar

I en fördjupningskurs kan väldigt mycket ingå, som JavaScript, XML, bildbehandling, osv. Titta i vänsterkolumnen av min sida för inspiration!