COAP:COAP-2100/week6: Difference between revisions
Jump to navigation
Jump to search
| Line 28: | Line 28: | ||
* [[DHTML]] lecture | * [[DHTML]] lecture | ||
* Code modification to examples shown in the [[DHTML]] tutorial | * Code modification to examples shown in the [[DHTML]] tutorial | ||
I suggest to pick: | |||
* [http://tecfa.unige.ch/guides/js/ex/dhtml/tree-walking3.html tree-walking3.html](save link as) | |||
If you want something slightly simple (only change colors): | |||
* [http://tecfa.unige.ch/guides/js/ex/dhtml/tree-walking2.html tree-walking2.html] (save link as) | |||
==== Homework ==== | ==== Homework ==== | ||
Revision as of 10:59, 30 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
- Javascript tutorial - basics
- DHTML
- DOM (just some links)
Classroom activities
- Monday
- Exam feedback
- JavaScript lecture using Javascript tutorial - basics
- Some JavaScript code modifications
- Wednesday
I suggest to pick:
- tree-walking3.html(save link as)
If you want something slightly simple (only change colors):
- tree-walking2.html (save link as)
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.