COAP:COAP-2100/week6

The educational technology and digital learning wiki
Jump to navigation Jump to search

Week 6

Topics Covered

We shall have a (superficial) look at key elements of client-side web page interactivity

  • HTML forms
  • JavaScript
  • DOM
  • DHTML (HTML + DOM + JavaScript + CSS)

Teaching materials

Classroom activities

Monday
Wednesday
  • HW 4 feedback
  • Term projects
  • DHTML lecture
  • Code modification to examples shown in the DHTML tutorial

I suggest to pick:

If you want something slightly simple (only change colors):

Homework

Task
  • Create a DHTML page that has a least one button allowing the user to change a style or something else in a page
  • You may reuse code from the DHTML page starting from the Collections and creation of elements section. "May reuse" means of course that you can code your own or build on top of other code (but if you choose the latter, make sure to give credits somewhere, e.g. in the code)
To get an A
  • Create a page with real contents and implement DHTML changes that make sense for a given target population.
  • Explain somewhere in the page what pressing the button(s) will do or at least make the button labels self-explaining.
Due
  • Before Monday week 7 class
Submission
  • Submit the file to the worldclassroom.