Computer Science Department

Web Application and Technologies (COMP 334)

2nd Semester 2019/2020
Assignment 2: HTML Forms and Tables Due Date 07/05/2020

Objectives
To practice HTML Forms and Tables.
Overview
You have given the following files, Chapter05-project01.html and Chapter05-
project01.css, edit them, so the page looks similar to that shown in Figure 1.

Instructions

1. The form at the top of the page consists of a text box, a list of radio buttons, and two
drop-down lists. For the Genre list, make the other choices "Baroque," "Renaissance,"
and "Realism." For the Bulk Actions list, make the others choices "Archive," " Edit,"
"Delete," and "Collection." The dropdown list items should have numeric values
starring with 0. Notice the placeholder text in the search box.
2. Create a table of paintings that looks similar to that shown in Figure 1. Be sure to make
the table properly accessible.
3. The checkboxes in the table should be an array of elements, for example,
<input type="checkbox" name="index[]" value="10" />. The name and
values are arbitrary, but each checkbox needs to have a unique value.
4. The action buttons in each row are a series of <button> containers with a dummy
link and an image within the button.
5. Set the form's method attribute to GET and its action attribute to
http://www.randyconnolly.com/tests/proccss.php.
6. While some of the styling has been provided, you will have to add some additional CSS
styling.
Test
Test the form in the browser. Verify that the output from proccss.php matches that shown
in Figure 2.
Figure 1: Completed Task

Figure 2: Sample Output

General Requirements and Placement of the assignment Files
This assignment involves the creation of some HTML pages. You are forbidden to use any
HTML editor for this assignment. You should do the entire thing by editing HTML files
using a text editor.

You must submit your files to CS Host. You should have at the htdocs (at the server, its called
“web”) folder a file that called index.html which will be a your homepage with your name,
id, your program of study (i.e what are your studying), your photo, a little bit about yourself
such as hobbies, awards, ets. A link to the course assignments.
The Assignments page should have a link to Assignment Two.
• In your htdocs directory on the CS web server, create a subdirectory called assTwo,
to which upload the task files.
• In your htdocs directory on the CS web server, create a subdirectory called images,
in which add all of your images/photos, and use relative address to refer to any of
your images.
• Also you must compressed (Zipped) all your files to a file name it as assTwo-stID.zip
and submitted to Ritaj by replaying to the message before the due date.

I will not accept any submission sent as a memo. The you must submit before the due
date, which is on 07/05/2020 at 10:00 PM

GOOD LUCK and ENJOY THE TASK