CS 100 - Computer Literacy, Spring 2006

Lab 9

This lab assignment is to have you create a frames web page. This will require the use of multiple HTML files.

Lab Assignment 9

For this lab assignment, complete the following:

1. First copy the web pages of red.html, green.html, blue.html, white.html, black.html and gray.html. to your public_html directory in your icarus account. These files can easily be copied with the following commands once you are in your public_html directory.

       cp ~troy/red.html . 
       cp ~troy/green.html . 
       cp ~troy/blue.html . 
       cp ~troy/white.html . 
       cp ~troy/black.html . 
       cp ~troy/gray.html . 
   

2. Create an HTML file that contains a frameset with two frames, one context area and one menu area. The menu area is to control the color displayed in the context area. This HTML file is to have a title of CS 100 Lab 9

3. Create two HTML files for the menu area. Each of these HTML menu files will have five links:
   • The first three links in the first menu file will cause the context area to display the file red.html, green.html or blue.html respectively.
   • The first three links in the second menu file will cause the context area to display the file white.html, black.html or gray.html respectively.
   • The fourth link in the first menu file will cause the menu area to display the second menu file, while the fourth link in the second menu file will cause the menu area to display the first menu file.
   • The fifth link on both menu files should replace all of the frames with your own home page (or some other web page of your choice).
   It doesn't matter which color is initially displayed in the context area, nor which menu is initially displayed in the menu area.

4. This web page must be placed in your web space (in your public_html directory) on your Icarus account.

5. You are also required to put a link on your Icarus Home Page to the page you created for this lab.

   Verify that your link and the file are viewable via a web browser from the URL of:

        http://icarus.uic.edu/~NETID
   
   where NETID is your own Net-ID
   

   You can check this out via the link to your home page on the CS 100 Student List page. Once you are at your home page, follow the link you added to your home page for this lab assignment.

6. You are also to submit this web page electronically by using the UNIX turnin command.

   To use the UNIX turnin command to electronically hand-in your html file using the project name of lab9. To submit the file in <filename> for lab9, the turnin command is entered as:

        turnin -c troy -p lab9 <filename>
   

   Thus if your file has the name of lab9.html, the command would be:

        turnin -c troy -p lab9 lab9.html
   

   Since this lab requires multiple files, you should submit all files that you created and/or modified for this lab. As a minimum you should submit the file that divides the screen into frames and both menu files. If there files are called:

   • lab9.html
   • lab9menu1.html
   • lab9menu2.html
   The turnin command would be:

        turnin -c troy -p lab9 lab9.html lab9menu1.html lab9menu2.html