Alternative Homework 2: A Frames-Based Kaleidoscope

Due Monday, November 13.

This assignment is based on a simple demonstration project which you can view here. All the component files for this demo can be found in the kaleidoscope folder within introShare on Crow.

This assignment substitutes for Homework 6. You should not attempt this assignment unless you have already built at least a minimal frameset project.

1. Create a new folder within your personal folder. Name this folder kaleidoscope. Within that folder create six subfolders called streamA, streamB, streamC, streamD, streamE, and streamF.



2. Within kaleidoscope create a frameset page called index.html. Set up a frames grid with three columns and two rows (six frames total). Each frame should be 200x200 pixels. This task is a little complicated. Try to figure it out on your own, or consult the class notes. If all else fails, look at the shared files on Crow.



3. The SRC for each frame in your grid should be a page within one of your six "stream" folders, A through F. You can name these pages anything you like.



4. Use the META/refresh technique to set up an automatic flip on all or some of the pages in your stream folders, so that the contents of your frame grid change automatically. For reference, the form of the META tag is:
   
   

   <META HTTP-EQUIV="Refresh" CONTENT="[delay in seconds]; 
   URL=[nextPage].htm">
   

   
   
   Note the odd placement of the quotation marks in the CONTENT attribute. This is not a typo. The string "URL=" may look like a separate attribute (and probably should have been) but it's actually within the double quotes that follow CONTENT=. This tag goes into the HEAD container of your document.



5. The content, pacing, and number of your "stream" pages is up to you. Note that the last page within any flip sequence presents an interesting design question. If you link it back to the first page in that sequence, you have a loop. If you include no META tag on this page, the sequence simply stops. You might also link the last page of one sequence to the first page of another. See what you can create.