Välkommen till kursmomentet Webbdesign med JavaScript och Document Object Model, 7.5 poäng
Denna kurs bedrivs som en helt nätbaserad kurs. Den innhåller således inga träffar. All kommunikation och undervisning bedrivs i en nätbaserad lärmiljö som heter Cambro. För att komma in i Cambro ska du använda dig av den användaridentitet som du ska ha fått i samband med antagning till kursen.
Uppdatering: Problem med användaridentiteter?
Har du fått antagningsbesked, men inte information om användaridentitet (så kallad CAS-användare) som krävs för att komma in i lärmiljön Cambro?
För att reda ut detta är det enklast om du kontaktar Umdacs stödcentrum, http://www.umdac.umu.se/kontakt/, så att de kan felsöka. Alla cas-användare hanteras av Umdac så vi kan tyvärr inte hjälpa dig med detta. Hör av dig om Umdac inte lyckas lösa ditt problem, så finner vi en lösning.
Självklart vill vi at du kommer in i lärmiljön så snart som möjligt. Den här typen av kurser är dock inte bundna i tid och rum på samma sätt som vanliga campuskurser, så det är ingen fara om du inte skulle komma in i lärmiljön under kursens första dagar.
Kursbeskivning
Utformningen av webbsidor kan delas in i tre aspekter: (1) innehåll och struktur, (2) presentation och (3) beteende. I modern, standarddriven webbutveckling strävar man mot att separera dessa tre aspekter. XHTML används i regel enbart för innehåll och struktur, medan presentationsapekten hanteras med hjälp av stilmallar, Cascading Stylesheets (CSS). De två första aspekterna behandlade vi under CSS-kursen.
Under denna kurs griper vi oss an den tredje aspekten, beteende. I många fall är de statiska (oföränderliga) XHTML-sidorna inte tillräckliga för våra syften. Man vill ofta kunna tillföra sidorna något sorts beteende, t.ex.:
- validering av inmatad information i formulär
- dynamisk CSS-formatering, d.v.s. att man kan t.ex. kan byta delar av en CSS-formatering för ett element till en annan formatering beroende på något som användaren gör.
Man kan även utföra mer avancerade saker som t.ex. drag-and-drop som låter användare dra och släppa delar av sidans element inuti andra element, sortering av element, o.s.v.
Beteendet möjliggörs av JavaScript och Document Object Model. I en webbläsare representeras (lagras) en webbsida som ett s.k. DOM-träd, vilket är en tillämpning av Document Object Model. M.h.a. programspråket JavaScript kan man göra modifieringar av detta träd. På så sätt kan man förändra sidan i webbläsaren utan att behöva kontakta webbservern. Man kan då uppnå ett beteende och interaktivitet på webbsidorna som mer liknar vanliga program man är van att använda. JavaScript-teknologin har på senare år mognat och det finns nu avancerade programbibliotek att tillgå som möjliggör ett avancerat beteende på sina sidor.
Alla de tre aspekterna utgör ett viktigt bidrag till det fenomen/rörelse som kallas Web 2.0 där man bl.a. strävar efter att göra webben till en mer produktiv miljö. Detta märks inte minst i trenden att flytta applikationer från datorn (vanliga desktop-applikationer) ut på nätet. Web 2.0 behandlas dock inte under kursen.
Välkommen!
Andreas Lund & Mikael Kohkoinen