Välkommen till kursmomentet Webbdesign med JavaScript och Document Object Model, 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ö. Det är nu möjligt att registrera sig för åtkomst till vår lärmiljö. Följ instruktionerna under länken "Om lärmiljön" i menyn till vänster.
Lärmiljön är nu tillgänglig för de som registrerat sig enligt beskrivningen ovan.
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!
Thomas Ahlmark & Mikael Kohkoinen