Professor Chris Sandvig MBA 597 - Introduction to Web Development Management Spring 2005

Last updated: 4/21/2005 10:17:11 AM

<% if printFile < " " then response.write("
") end if %>

Assignment 3 - HTML, JavaScript and CSS

1. HTML -- Re-create this sample page. Use an external style sheet for the page background and default font. Other formatting may be defined in the stylesheet or by using in-line tags.

Save this page as LibraryLike.htm

Page specifications:

  1. The two fonts used in the page are Comic Sans MS and Ariel. All text is 12 point, except the the title MBA 597 which is 24 point.
  2. Page background color is 00056D (navy blue)
  3. The image is available at: http://yorktown.cbe.wwu.edu/sandvig/mba597/lectures/LibraryLike/wilson.jpg
  4. Outer table is 95% of page width.
  5. Top table background color is 669999
  6. The left-hand menu cell is 170 px. wide and its background color is 7F3140.
  7. The background color on the right hand cell is CCCC99 (green-brown)
  8. The inner table on the right-hand side has width=90%.
  9. The table with the text New Developments and Upcoming Events has a black background and cell padding 4.
  10. The table containing the text The quick brown fox has cellpadding 6.
  11. The phrase The quick brown fox jumped over the lazy dog. is repeated five times in the left cell and once in the right cell.

2. JavaScript -- Use JavaScript to create a slide-show or some other feature that incorporates four or more images.  Also add at least two other JavaScript features to your page (the current date is a good one).

3. CSS -- Download the style sheet from the JavaScript for the World Wide Web site (do this by looking at the site's source code to determine the name of the style sheet then downloading it and putting into your Aspen account. Alternatively you can reference her stylesheet directly from within your HTML page without making a copy.)

Create a page that uses each of the styles defined on the sheet.  Add a body tag that changes the background color to #FFFFCC, the default font to Comic Sans MS and the cursor to crosshair (note: don't get your body element confused with the class named ".body" which is already in the style sheet). Your finished page should look like this:



 


Submitting your assignment via email:

  1. The subject line of your email should read "MBA597 Ax YourName" where x is the assignment number.

  2. Send to .

  3. cc a copy to yourself (as a time-stamped receipt of your submission).
     
    Please check your URLs for accuracy since incorrect addresses will not be graded.