2301CS202 • Web Designing Lab

Master Web Development
One Lab at a Time

Your complete TA guide with step-by-step explanations, working code examples, and layout hints for all 30 labs. Never get stuck again.

30 Labs
📄 HTML
🎨 CSS
🅱️ Bootstrap
Start Learning See What's Inside
index.html 
<!DOCTYPE html>
<html lang="en">
<head>
  <title>My First Website</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1>Hello, World!</h1>
  <p>Welcome to web development.</p>
</body>
</html>
What You'll Master

Build Real Websites From Scratch

From basic HTML tags to complete multi-page projects

📄

HTML Mastery

Tags, tables, forms, semantic elements, multimedia, and proper page structure

Labs 1-8
🎨

CSS Excellence

Selectors, flexbox, grid, animations, gradients, transitions, and responsive design

Labs 9-17
🅱️

Bootstrap Pro

Grid system, components, utilities, and building complete professional projects

Labs 18-30
Quick Navigation

Jump to Any Lab Category

01-04

HTML Basics

Web fundamentals, tags, text formatting, links, and images

→
05-08

Tables & Forms

Complex tables, rowspan, forms, input types, multimedia

→
09-17

CSS Mastery

Layouts, flexbox, grid, animations, gradients, portfolio

→
18-30

Bootstrap & Projects

Framework, components, complete responsive websites

→
Why This Website?

Everything You Need to Ace Every Lab

📸

Reference Screenshots

See EXACTLY what your output should look like

📐

Layout Hints

Detailed structure analysis - row counts, colors, CSS tips

💻

Working Code

Copy-paste ready solutions for Part A, B, and C

🧠

Thinking Process

Step-by-step mental model to solve ANY layout problem

❓

Viva Questions

Be prepared for what faculty might ask

✅

Common Mistakes

Know what to avoid BEFORE you make errors

Your TA's

Meet The Team

M

Manas

Teaching Assistant

M

Mahek

Teaching Assistant

J

Jenil

Teaching Assistant

Ready to Start Building?

Jump into the labs and create amazing websites!

Explore All 30 Labs