Advanced Java and Web Technologies for JNTUK
Blog providing beginner tutorials on different web technologies like HTML, CSS, Javascript, PHP, MYSQL, XML, Java Beans, Servlets, JSP and AJAX
Subscribe to Startertutorials.com's YouTube channel for different tutorial and lecture videos.

Categories: Lab Exercises. No Comments on Week 2 Lab Exercise
0
(0)

In week 2 lab exercise, students will gain exposure or practical knowledge on using HTML to create web pages.

 

Welcome!

Student should complete the below tasks in this week’s lab session.

 

Task 1

Design the following pages required for a online book store website:

1) Homepage:


Subscribe to our monthly newsletter. Get notified about latest articles, offers and contests.


The static homepage must contain three frames.

Top frame: This frame should contain logo and college name followed by links to Homepage, Login page, Registration page, Catalogue page and Cart page.

Left frame: Atleast four links for navigation, which when clicked displays the respective catalogue page in the right frame.

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

homepage

 

2) Login page:

This page looks like below:

loginpage

 

3) Catalogue Page:

The catalogue page should contain the details of all the books available in the website in a table.

The details should contain the following:

  1. Snapshot of the cover page
  2. Author name
  3. Publisher
  4. Price
  5. Add to Cart button

catalogue

 

Other Resources

Images necessary for this exercise – Download Here

 

Hints:

  1. For the Homepage you can use nested frames concept. In the top frame use a table to arrange the image, website name and the five hyperlinks.
  2. For the login page you can use a table to align the controls.
  3. For the catalogue page use a table to display the content.
  4. To display the content in the right frame, assign a name to the right frame and use that name in the target attribute of the anchor (<a>) tag.

How useful was this post?

Click on a star to rate it!

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?

Suryateja Pericherla

Suryateja Pericherla, at present is a Research Scholar (full-time Ph.D.) in the Dept. of Computer Science & Systems Engineering at Andhra University, Visakhapatnam. Previously worked as an Associate Professor in the Dept. of CSE at Vishnu Institute of Technology, India.

He has 11+ years of teaching experience and is an individual researcher whose research interests are Cloud Computing, Internet of Things, Computer Security, Network Security and Blockchain.

He is a member of professional societies like IEEE, ACM, CSI and ISCA. He published several research papers which are indexed by SCIE, WoS, Scopus, Springer and others.

Note: Do you have a question on this article or have a suggestion to make this article better? You can ask or suggest us by filling in the below form. After commenting, your comment will be held for moderation and will be published in 24-48 hrs.

Leave a Reply

Your email address will not be published. Required fields are marked *