CSCI 351: Internet Programming

Midterm Exam II.     Due: Wed, Jul 17

Please upload your work on Canvas as a single ZIP archive ex2.zip before midnight of the day above.

Your scripts should be designed for Internet Explorer.

You may use books and other materials for making these problems in class and at home, but not a human help.
Also, it is not allowed to discuss the problems or solutions with your classmates before the exam due.

1. (35 points)   Design a webpage with the following layout. Make sure:
   • Use no images.
   • Use "lightblue" for the background color.
   • Use "red", "green", and "blue" for the rectangle colors.
   • Use "white" for text color.

   Name the source file ex2_1.html

   

2. (30 points)   Your task is to design an online form for a software developing company that would be used for registering the company products. The form should request and be able to collect the following information from the customers:
   • First Name, Last Name
   • Address line 1
   • Address line 2
   • City, State/Province, ZIP code
   • Country
   • Product (provide a selection list for 5-6 software products)
   • Date purchased
   • Used for (provide a way to check one of the following possibilities: Home, Business, Government, Education, Other)
   • System (provide a way to select one or more of the following systems: Windows, Macintosh, Linux, Unix, Other)
   • Comments (provide a text field for comments)
   • Submit and reset buttons

   The form elements should be nicely placed in the browser's window. It is up to you to decide what is nice but make sure to put some structure into your form.
   Check your form in action by providing the following parameter for the action attribute: http://cs2.uwsuper.edu/cgi-bin/sb/CheckData.
   Name the source file ex2_2.html

3. (35 points)   Your task is to achieve the following effect: you have 3 frames, as it is shown below.
   • The top frame contains two links.
   • Clicking on the first link should download Document 1 into the left bottom frame and Document 2 into the right one (see the left picture).
   • Clicking on the second link should download Document 2 into the left bottom frame and Document 3 into the right one (see the right picture).

   Name the file containing a frameset definition ex2_3.html

      

Make sure to put all necessary files on the server.