CSCI 351: Internet Programming

Midterm Exam I.     Due: Wed, Jun 25

Please upload your work on Canvas as a single ZIP archive ex1.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.

Make sure to use ONLY PLAIN HTML instructions. No JavaScript, no CSS, no Java or any other scripting or programming language.

1. (35 points)   Your task is to achieve the following effect: the Web page should contain a 3-by-3 table with 3 columns numbered 1, 2, 3 and 3 rows numbered 1, 2, 3. Each table cell has to have identical width and height of 50 pixels and initially all cells are empty, as it is shown on the left figure below.
   

   Clicking on table cell that is in the intersection of column number i and row number j should display the value of the sum i+j in the center of this cell. This should work by clicking on ANY CELL POINT. See an example above for i=2 and j=3 (the right figure).

   1. Describe 2 different ways to achieve this effect.
   2. Implement one of this methods by using HTML.

   Name the source file ex1_1.html

2. (35 points)   Write HTML to produce the following table:
   

   The small square cell is 50x50 pixels and the large square cell is 150x150 pixels. Make sure to provide the table captions.
   Name the source file ex1_2.html

3. (30 points)   Write HTML to produce the following table layout.
   

   Make sure to implement the link properly.
   Name the source file ex1_3.html

Make sure to put all necessary files on the server.