Scribd
Upload
137 views

Computer Science Department: Web Application and Technologies (COMP 334) 2 Semester 2019/2020

This document provides instructions for Assignment 2 of the Web Application and Technologies course. Students are to practice HTML forms and tables by editing two files, Chapter05-project01.html and Chapter05-project01.css, to create a form and table similar to the examples given. The form should include text fields, radio buttons, drop-down lists and checkboxes. The table should display paintings with checkboxes and action buttons in each row. Students must submit their files in a zip folder before the due date of July 5, 2020.

Uploaded by

ff
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
137 views

Computer Science Department: Web Application and Technologies (COMP 334) 2 Semester 2019/2020

This document provides instructions for Assignment 2 of the Web Application and Technologies course. Students are to practice HTML forms and tables by editing two files, Chapter05-project01.html and Chapter05-project01.css, to create a form and table similar to the examples given. The form should include text fields, radio buttons, drop-down lists and checkboxes. The table should display paintings with checkboxes and action buttons in each row. Students must submit their files in a zip folder before the due date of July 5, 2020.

Uploaded by

ff
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

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

You might also like