Introduction to Web Development

Assignment

1. Introduction

The assignment is a continuation of the first assignment. You will use all your knowledge of web and internet to develop a fully functional site. We expect your assignment to be developed as if it is for a real industry client. The assignment would represent what is referred to as the "beta" version in industry, which would be presented to the client for approval and sign-off.

The web application is expected to use HTML/XHTML, JavaScript, CSS, PHP and Oracle database.

2. Requirements

You should extend assignment 1 by revising or adding the following features.

CSS

Create an external cascading stylesheet that all pages will link to specifying:

i. Body with the font Verdana, second choice of Arial, third choice sans serif;

ii. Body background color of your choice (or background image);

iii. Hover effect for hyperlinks.

Any presentational tags/attributes (for example, font tag and bgcolor attribute) should be replaced with appropriate styles.

Forms and PHP

Design HTML forms for accepting user input. The forms should be database driven i.e. submitting the forms will initiate database interaction.

i. Search form: The form will be used to find products based on search criterion. The form should be linked to the database and retrieve products which match the criterion selected by the user. You may implement any suitable search criterion. Examples of search criterion are:
search based on price range of products; search based on keywords in product descriptions; search based on the category of products etc.

ii. Feedback form: The form will allow users to provide feedback about their experience in using the website. The form should have appropriate fields as shown below:

First name

Last name

Email address

Comments

The data from the form will be stored in a database table. The page containing the feedback form should have a link to a page which will retrieve and display all comments posted by users.

Javascript

Appropriate data validation should be implemented for each form.