Scribd
Upload
4 views

Web Lab Assignment

The document outlines a project to create a college website using HTML, CSS, JavaScript, MySQL, and PHP. It includes instructions for setting up a web server, designing various pages like a homepage, registration form, and departments, as well as implementing form validation and database integration. Additionally, it specifies the creation of an XML file for book information and its validation using DTD.

Uploaded by

mattiuchunbozeliang
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
4 views

Web Lab Assignment

The document outlines a project to create a college website using HTML, CSS, JavaScript, MySQL, and PHP. It includes instructions for setting up a web server, designing various pages like a homepage, registration form, and departments, as well as implementing form validation and database integration. Additionally, it specifies the creation of an XML file for book information and its validation using DTD.

Uploaded by

mattiuchunbozeliang
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/ 9

1. Install a webserver (use XAMP or WAMP) to serve the webpages from your local machine.

Study the different Server setting. Create a simple HTML project and test the project.

2. Create a college website that consists of the following pages using HTML. Each page listed
below must have a link for navigation.
a) Homepage
b) Registration form
c) Departments
d) Gallery
e) People -> Faculty -> Staff
f) Utilities
g) Students
• The Homepage will display information about the college. Put a banner with sliding
images.
• The Registration form will be used to take various inputs of students’ information like
name, contact, address, parent’s name, email, branch, upload profile picture and so on. Put
a submit button.
• The Departments Page will display information about the various departments. Create a
list of departments with brief information about each department.
• The Gallery page must contain images about the college in a grid layout. Use colorbox for
viewing images.
• The People Link has two pages-faculty and staff. Faculty page will display information of
faculties and staff page will display information of staffs. Each page must have a table with
profile picture and brief introduction about the faculty/ staff.
• Utilities must link to a page where important PDFs, FORMS etc are available for
downloading. See Sl. No. 6
• The students page must display all the students that have been added through the
registration page. See sl. No. 7.
a)

b)

c)
d)
e) faculty

Staff
f)

g)

3. Use CSS to style your project. Create a menu with background color for the various links
in sl. No. 2 (a to f) using CSS. Create a drop down menu for 2(e).
4. Using Javascript validate the student registration form that you have developed. User
names should not contain numbers or special characters. Phone Numbers should
contain only digits. Email should be valid. Address fields should have pin number which
should be 6 digits only.

5. Create a database (use MySql) with students table. Store the information validated in
Program No.4 into the students table. Create a table to store document information 2(f)

Documents
Students

6. Provide a mechanism to upload documents as mentioned in 2(f). The details of the


documents must be stored in table (see sl. No. 5). Write a PHP code to query the
document table and display the list of documents uploaded. The documents must be
downloadable.

Output:

7. Use PHP to query the database table and obtain all the students information and display
in HTML page. The information must be displayed in a table department wise. Maintain
PHP SESSION.
Output:

8. Write XML to store information of a book with the following information:


1) Book Title
2) Name of the Author
3) Name of the Publisher
4) Book Edition
5) Book Price Validate the above XML file using Document Type Definition (DTD). Display the
Book Information contained in the XML file using CSS.
Output:

You might also like