`

WEB TECHNOLOGIES LAB

(Common to CSE, IT, CSM)

Course Code: 20CS1108 L T P C
0 0 3 1.5
Course Outcomes: At the end of the Course the student shall be able to:
CO1:Design static web pages using HTML and CSS.
CO2:Develop dynamic web pages using JavaScript.
CO3:Build JDBC programs and server-side scripts using servlets.
CO4:Develop server-side scripts using JSP.
CO5:Apply jQuery methods and events.

LIST OF PROGRAMS:
All the Programs need to be carried on specific applications.(Example: student management system,
online book store etc.)

Week 1 & 2:
Design static web pages for home page that includes hyperlinks for registration page, login page and
forgot password pages. Use form elements to create required web pages for the applications
considered.

Scenario 1: Design Home page that comprises of 3 Frames. Top frame consists of Logo and title of the
web page. Left frame comprises of links to different web pages and Right frame used to display the
content of web pages.

Scenario 2: Left frame has links to Login page, Registration page, Contact us etc…

Scenario 3: Login page has username and password fields along with submit button, forgot password
and sign up hyperlinks.

Scenario 4: Registration page has username, password, confirm password, email-id, Mobile Number,
date of birth, Address, Gender fields, submit button etc…

Week 3:

Apply styles using CSS to the web pages designed in Week 1 & 2.

Scenario 1: Apply styles to web pages using inline, embedded and external style sheets.

Scenario 2: Use various background, text, font and color styles.

`
Scenario 3: Apply boxes and columns styles

Scenario 4: Use positioning and floating styles.

Week 4:

Perform the client-side data validations using javascript for Scenario 3 and 4 in Week 1 & 2
Scenario 1: In login form, define username and password constraints and ensure that the credentials
follow them.

Scenario 2: In registration form, username must be of atleast 6 characters. Password must be of atleast
8 characters and follow password constraints. Password and confirm password fields must match with
each other. E-mail id must be of the form “[email protected]”. Mobile number must be of 10
digits only and starting digit must be any number from 6-9 etc…

Week 5:

Create XML documents for chosen application and validate using DTD and schema. Also render the
content of XML document using XSL.

Scenario 1: XML document must have attributes and elements so that they can be validated against
DTD/Schema.

Scenario 2: Check the data types of variables declared in XML document using Schema.

Scenario 3: Display the details of data contained in XML document in a table using XSL.

Week 6:

Create necessary tables for the application chosen using JDBC, establish the database connectivity.

Scenario 1: Establish the connectivity using JDBC drivers.

Scenario 2: Use create and select statements.

Scenario 3: Use insert, update and delete queries.

Week 7 & 8:

Create the necessary servlets for the application chosen.

Scenario 1: Check the authenticity of the login details with the information available in database. If he
is a valid user it must redirect to site resources otherwise it should stay in same page with invalid
username/password message.

Scenario 2: Insert the details of the registration page into the database. If registration is successful it
`
must display “Registration is successful”.

Scenario 3: Update the password field in the database.

Week 9 & 10:

Create the necessary JSP’s for the application chosen.

Scenario 1: Use Scriptlets, JSP Action tags and Expressions.

Scenario 2: Perform the same scenarios as done in Week 7&8 using JSP Elements.
Week 11:

Establish session tracking for application chosen.

Scenario 1: Establish session with username and password fields once user click on sign in button.

Scenario 2: Invalidate the session when user click on sign out button.

Week 12 & 13:

Embed the JQuery features for the application chosen.

Scenario 1: Perform the Scenarios of Week 4 using JQUERY ready function

Scenario 2: Use the get and post methods for server side communication

Week 14:

Deploy the chosen application and access the same from a remote system.

TEXT BOOKS:

1. Joel Murach, Andrea Steelman, Java Servlets and JSP, 3rdEdition,Mike Murach and
Associates Inc, 2014.
2. DT Editorial Services, HTML 5- BLACK BOOK, 2nd Edition, kl solutions inc, dreamtech press,
2016.

WEB REFERENCES:
1. https://www.coursera.org/learn/html-css-javascript-for-web-developers
2. https://www.udemy.com/course/jsp-servlet-free-course/