Homework

icon Turn in HW9 here. Homework 9 (Kevin Bacon)

Due Friday, June 5, 11:30pm.
No submissions accepted after Sunday, June 7, 11:30pm.

Specification:
Resources:
Expected Results:

(Your page should not exactly match these images; be creative! But your query results should be the same.)

icon Turn in HW8 here. Homework 8 (To-Do List)

Due Thursday, May 28, 11:30pm.
No submissions accepted after Sunday, May 31, 11:30pm.

Specification:
Resources:
  • NONE! You're on your own, you poor thing.
Expected Output:
  • NONE! Get creative.

icon Turn in HW7 here. Homework 7 (Baby Names Redux)

Due Wednesday, May 20, 11:30pm.
No submissions accepted after Saturday, May 23, 11:30pm.

Specification:
Resources:
  • icon names.html (complete version of HTML page to start from; should be downloaded but not modified)
  • icon names.css (complete version of style sheet to start from; should be downloaded but not modified)
  • (your page will also interact with pacifier.gif and prototype.js, though you don't need to download these)
Expected Output:

icon Turn in HW6 here. Homework 6 (Fifteen Puzzle)

Due Thursday, May 14, 11:30pm.
No submissions accepted after Sunday, May 17, 11:30pm.

Specification:
Resources:
  • icon fifteen.html (complete version of HTML page to start from; should be downloaded but not modified)
  • icon fifteen.css (complete version of style sheet to start from; should be downloaded but not modified)
  • (your page will also interact with fifteen.gif and prototype.js, though you don't need to download these)
Expected Output:

icon Turn in HW5 here. Homework 5 (ASCIImation)

Due Wednesday, May 6, 11:30pm.
No submissions accepted after Saturday, May 9, 11:30pm.

Specification:
Resources:
  • icon ascii.html (skeleton version of HTML page to start from)
  • icon ascii.css (skeleton version of style sheet to start from)
  • (your page will also interact with animations.js, gallery.js, and prototype.js, though you don't need to download these)
  • icon StringMaker , a page that will help you convert your asciimation.txt into a JavaScript string for insertion into your ascii.js
  • icon Facebook App (submit your custom ASCIImation and vote on others'! Thanks to former 190M TA Victoria Kirst.)
Expected Output:

icon Turn in HW4 here. Homework 4 (NerdLuv)

Due Wednesday, April 29, 11:30pm.
No submissions accepted after Saturday, May 2, 11:30pm.

Specification:
Resource Files:
  • icon index.php (skeleton version of index page to start from)
  • icon nerdluv.css (skeleton version of style sheet to start from)
  • icon results.php (skeleton version of results page to start from)
  • icon singles.txt (input text file of users to match)
  • icon heart.gif (favicon; you don't need to download this, just point to it in your page)
  • icon hw4files.zip (all of the above, plus input images for each user)
Expected Output:

icon Turn in HW3 here. Homework 3 (Movie Review Part Deux)

Due Wednesday, April 22, 11:30pm.
No submissions accepted after Saturday, April 25, 11:30pm.

Specification:
Resource Files:
Expected Output:

icon Turn in HW2 here. Homework 2 (Movie Review)

Due Wednesday, April 15, 11:30pm.
No submissions accepted after Saturday, April 18, 11:30pm.

Specification:
Resource Files:
  • icon skeleton.html (unfinished HTML text for you to use as a starting point; to use this file, right-click it and choose Save Link Target As....)
Expected Output:

icon Turn in HW1 here. Homework 1 (Recipe)

Due Wednesday, April 8, 11:30pm.
No submissions accepted after Saturday, April 11, 11:30pm.

Specification:
Expected Output:
  • icon expected_output.png (without extra features)
  • icon expected_output_extra.png (with extra features) - both images taken in Firefox 3 on Windows XP
  • icon expected_output_mac.png (Mac OS X, without extra features)
  • icon expected_output_mac_extra.png (Mac OS X, with extra features) - both images taken in Firefox 3 on OS X Leopard
  • icon output.txt (The text contents of the page without XHTML or CSS markup. To generate this file, I went to the page in Firefox, chose Select All, copied and pasted into a text editor. Note that this copies images' alt attributes in place of the images, and copies * in place of bullets on bulleted lists.)

  • NOTE: The expected output images are taken on a computer whose screen resolution is 1024x768 pixels. So if your screen is larger, to you the screenshots may not reach all the way over to the right edge of your screen. You don't need to replicate that on your page. Your page's elements should extend all the way to the page's right edge. If you resize your window to 1024x768 resolution, your window should look similar to our screenshot.

    If you're interested, the Firefox plugin Web Developer add-on has a resizer feature that you can use to resize the browser window to an exact width/height.

"I need help with my homework!"

Valid XHTML 1.1 Valid CSS! JavaScript Lint