Second Assignment
Task: Create an information browser using JavaScript to control "rollover" graphics and update multiple frames. Transfer your project via FTP to the appropriate directory on Raven by 8 p.m. Monday, February 10.

Layout: Use two frames as in the diagram below. The frame on the left must contain three "rollover" images (see below) acting as buttons that cue content for the frame on the right.

"Rollover" images: See this week's handout. You may create your own images or use the images from the KIT (found in the Assn2 subdirectory within the IPNM directory on Raven). Remember that Web graphics must be either GIF or JPEG. Graphics should have two states: (1) idle and (2) selected (mouseOver).

Content pages (right frame): The nature of the content pages is up to you, though they should relate meaningfully to their buttons. Content pages need not be elaborate.

File storage: Since this assignment involves multiple files, I have created a directory for each member of the class within IPNM/Assignment 2. Upload all your component files (pages and graphics) to this directory. For Macintosh FTP, remember to transfer images as "Raw Data." Windows users, remember to transfer your pages as text (ASCII), not binary.

Nomenclature: Name your files and components as follows:

    Frameset Page: Yourlastname.html
      Lefthand frame: lefty
      Righthand frame: righty

    Rollover and Script Page (left frame): buttons.html

      Top image: over1
      Middle image: over2
      Bottom image: over3
      Image files: 1state1.gif, 1state2.gif, 2state1.gif, 2state2.gif, etc.

    Content Page (right frame): contentX.html

      ...where X is 0,1,2, or 3
      Content0.html should load initially and be replaced by 1,2, or 3.