COAP:COAP-2100/week6: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
Line 23: Line 23:
; Task
; Task
* Create a DHTML page that has a least one button allowing the user to change a style or something else in a page
* 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 the [[DHTML#Collections_and_creation_of_elements|Collections and creation of elements]] section
* You may reuse code from the [[DHTML]] page starting from the [[DHTML#Collections_and_creation_of_elements|Collections and creation of elements]] section


; To get an A
; To get an A
* Create a page with real contents and DHTML changes that make sense for a given target population.
* Create a page with real contents and implement DHTML changes that make sense for a given target population.
* Explain somewhere in the page what the pressing the button(s) will do or at least make the button labels self-explaining.
* Explain somewhere in the page what pressing the button(s) will do or at least make the button labels self-explaining.


; Due
; Due

Revision as of 20:07, 29 September 2009

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

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
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.