Home / Lab Portals / Web Designing Lab (KCS-452 / BCS-452)
AKTU 2nd Year (Sem 4) · Web Designing Lab

Online Bookstore Web Portal Complete Experiment Suite

Full syllabus code repository for AKTU B.Tech Web Technology Lab. Features master 3-frame architectural layouts, departmental textbook catalogues, interactive shopping carts, and client-side JavaScript form validation.

AKTU Web Designing Lab Preview

4 Lab Modules

Experiments 1 to 9

9 Source Codes

HTML, CSS & JS

Live Previews

Screenshots for all pages

AKTU Verified

Curriculum syllabus

Select Your Experiment Module

Each module provides full copyable source code, syntax highlighting, code explanation, and browser output screenshots.

Crucial Architecture Tip for University Practical Exam

The online bookstore is built using a multi-frame architecture. Keep all HTML files (index.html, top_frame.html, left_frame.html, right_frame.html, login.html, catalogue.html, cart.html, registration.html) in the same workspace directory. Opening index.html in your browser will render all frames correctly with link redirection.

Experiment 1 & 2 Homepage and Login Featured · Exp 1 & 2
HTML Frameset 3-Frame Layout User Login Navigation

Experiment No. 1 & 2

Design the static home page for an online bookstore containing three frames (Top college banner, Left departmental menu, Right main billboard), plus a credential-verified Login page.

Experiment 3 Book Catalogue Exp 3
HTML Tables CSE & Allied Book Gallery Pricing

Experiment No. 3

Design comprehensive book catalogue pages for CSE, ECE, EEE, and Civil Engineering displaying cover page snapshots, author names, publishers, and prices inside structured tables.

Experiment 4 Shopping Cart Exp 4
Shopping Cart Itemized Billing Total Amount

Experiment No. 4

Design a shopping cart table displaying customer selected engineering books with cover images, book descriptions, price per copy, quantities, subtotal, and total checkout amount.

Experiment 5 to 9 Registration with Validation Exp 5, 6, 7, 8 & 9
JavaScript Validation RegEx Formats Registration

Experiment No. 5, 6, 7, 8 & 9

Registration page with strict client-side JavaScript validation verifying non-empty alphabets for names, 6+ character passwords, standard email pattern regex, and 10-digit mobile numbers.