JNTU Syllabus Web Technologies Lab

JNTU Syllabus Web Technologies Lab 

 JAWAHARLAL NEHRU TECHNOLOGICAL UNIVERSITY
HYDERABAD
IV Year B.Tech. CSE -I Sem T P C
0 3 2
WEB TECHNOLOGIES LAB

Objective :
To create a fully functional website with mvc architecture. To Develop an online Book store using we can sell books (Ex amazon .com).

Hardware and Software required :
1. A working computer system with either Windows or Linux
2. A web browser either IE or firefox
3. Tomcat web server and Apache web server
4. XML editor like Altova Xml-spy [www.Altova.com/XMLSpy – free ] , Stylusstudio , etc.,
5. A database either Mysql or Oracle
6. JVM(Java virtual machine) must be installed on your system
7. BDK(Bean development kit) must be also be installed

Week-1:

Design the following static web pages required for an online book store web site.
1) HOME PAGE:
The static home page must contain three frames.

Top frame : Logo and the college name and links to Home page, Login page, Registration page, 
Catalogue page and Cart page (the description of these pages will be given below).

Left frame : At least four links for navigation, which will display the catalogue of respective links.
For e.g.: When you click the link “CSE” the catalogue for CSE Books should be displayed in the Right frame.

Right frame: The pages to the links in the left frame must be loaded here. Initially this page contains description of the web site.

Logo Web Site Name 

Home Login Registration Catalogue Cart

CSE
ECE
EEE
CIVIL

Description of the Web Site

Fig 1.1

2) LOGIN PAGE:

This page looks like below:

Logo Web Site Name 

Home Login Registration Catalogue Cart

CSE
ECE
EEE
CIVIL

Login : 
Password:

3) CATOLOGUE PAGE:
The catalogue page should contain the details of all the books available in the web site in a table.
The details should contain the following:

Snap shot of Cover Page.
Author Name.
Publisher.
Price.
Add to cart button.

Logo Web Site Name 

Home Login Registration Catalogue Cart

CSE

ECE

EEE

CIVIL

Book : XML Bible
Author : Winston
Publication : Wiely

$ 40.5

Book : AI
Author : S.Russel
Publication : Princeton hall
$ 63

Book : Java 2
Author : Watson
Publication : BPB publications
$ 35.5

Book : HTML in 24 hours
Author : Sam Peter
Publication : Sam publication
$ 50

Note: Week 2 contains the remaining pages and their description.

Week-2: 
4) CART PAGE:

The cart page contains the details about the books which are added to the cart.
The cart page should look like this:

Logo Web Site Name 

Home Login Registration Catalogue Cart

CSE
ECE
EEE
CIVIL

Book name Price Quantity Amount 

Java 2 $35.5 2 $70
XML bible $40.5 1 $40.5

Total amount – $130.5 

5) REGISTRATION PAGE:

Create a “registration form “with the following fields 

1) Name (Text field) 
2) Password (password field)
3) E-mail id (text field)
4) Phone number (text field)
5) Sex (radio button)
6) Date of birth (3 select boxes)
7) Languages known (check boxes – English, Telugu, Hindi, Tamil)
8) Address (text area)

WEEK 3:

VALIDATION:

Write JavaScript to validate the following fields of the above registration page.

Name (Name should contains alphabets and the length should not be less than 6 characters).
Password (Password should not be less than 6 characters length).
E-mail id (should not contain any invalid and must follow the standard pattern 
name@domain.com)
4. Phone number (Phone number should contain 10 digits only).

Note : You can also validate the login page with these parameters.

Week-4:

Design a web page using CSS (Cascading Style Sheets) which includes the following:

1) Use different font, styles:
In the style definition you define how each selector should work (font, color etc.).
Then, in the body of your pages, you refer to these selectors to activate the styles.

For example:

This is normal bold

Selector {cursor:value}

For example:

Leave a Comment