To Homework

HCI 201 -- Ex11 -- Adding JavaScript to a Webpage

Goal:

• Add an interesting JavaScript script to a webpage from a Copy-And-Paste JavaScript site. Your submission must contain each of the following items: a functioning example, directions to the webpage user, resources for webpage authors and the URL of the page where you obtained the script.

• Here are two suggested JavaScript script sites:
  http://www.dynamicdrive.com and http://www.javascriptkit.com.

Functioning Example

• The reader of your page must see your JavaScript example in asction. Therefore, your page must contain all of the scripts and images needed for the JavaScript script to function. Customize your page with your own content; don't simply copy all of the source code from the site.

Directions to the Webpage User

• Include complete directions to the user of the page, including explaining the intended effect and how to obtain it. In most cases, these directions will be very simple.

• Give the directions in your own words. Do not simply copy and paste the directions from the site.

Resources for Webpage Authors

• Include all images and scripts on your page that would be needed for a webpage author to reproduce your effect on his or her own page.

• Show each script in a textarea control.

• A textarea is used because the source code can be literally displayed without using the usual special characters <   >   &   "    

• To obtain a textarea control in FrontPage, select main menu Insert >> Form >> Text Area. Delete the Submit and Reset buttons.

• In the Code, you can also delete the line beginning with
  <-- webbot
  This line is only needed to send information back to the server. However, the software to make this work is not activated on the students.depaul.edu server.

• To add text to the textarea, right click on the textarea and select Form Field Properties. Add the text to Initial Value.

Directions to Webpage Authors

• Include complete directions on how to use the resources in the previous section.

• Give the directions in your own words. Do not simply copy and paste the directions from the site.

Url Where You Obtained JavaScript Script

• Include the Url of the JavaScript Script site where you obtained the script.

Grading

• Functionality: 50%, Clarity: 30%, Interesting: 20%.

• Do NOT submit the Slide Show Example posted in the 11/8 notes that we used as an in class Example.