📄 LESSON PLAN (WORD FORMAT STRUCTURE)
Course Title: Web Technology using HTML, CSS & JavaScript
Program: BCA-III
COURSE OBJECTIVES:
To introduce students to the fundamental concepts of web development.
To build proficiency in HTML for content structure.
To apply CSS for layout and design.
To introduce JavaScript for dynamic behavior on web pages.
To integrate all technologies to build interactive websites.
COURSE OUTCOMES (COs)
CO No. Course Outcome Description
CO1 Describe web architecture and develop structured static pages using HTML.
CO2 Apply CSS to design aesthetically pleasing layouts.
CO3 Develop dynamic client-side behavior using JavaScript.
CO4 Utilize DOM and event handling for interactivity.
CO5 Integrate HTML, CSS, and JavaScript to build functional websites.
UNIT-WISE LESSON PLAN
UNIT 1: Web Basics and HTML
Teaching Bloom's
Week Topics COs Assessment
Method Level
Internet, WWW, HTTP/HTTPS, Web
1 Lecture + PPT CO1 Understand Quiz
Servers, Clients
Basic HTML Structure, Tags, Demo +
2 CO1 Apply Assignment 1
Attributes, Lists, Links Hands-on
Forms, Tables, Multimedia (Audio, Practical Test
3 Practical Lab CO1 Apply
Video, iFrame) 1
UNIT 2: CSS Styling
Teaching Bloom's
Week Topics COs Assessment
Method Level
Introduction to CSS: Syntax, Types, Lecture +
4 CO2 Understand Quiz
Selectors Demo
Fonts, Colors, Borders, Backgrounds,
5 Hands-on CO2 Apply Assignment 2
Box Model
Practical Test
6 Positioning, Float, Flexbox, Grid Practical Lab CO2 Apply
2
UNIT 3: Responsive Design & CSS Animation
Bloom's
Week Topics Teaching Method COs Assessment
Level
Media Queries, Responsive Visual Demo +
7 CO2 Analyze Assignment
Layouts Practice
CSS Transitions, Animation
8 Hands-on CO2 Apply Practical
Basics
Project
9 CSS Integration Project Group Practice CO2 Create
Evaluation
UNIT 4: JavaScript Basics
Week Topics Teaching Method COs Bloom's Level Assessment
10 Variables, Data Types, Operators Lecture + Demo CO3 Understand Quiz
11 Loops, Conditions, Functions Practice CO3 Apply Assignment
12 Event Handling, Dialog Boxes Hands-on + Demo CO3 Apply Practical Test
UNIT 5: DOM and Form Validation
Teaching Bloom's
Week Topics COs Assessment
Method Level
DOM Manipulation, innerHTML,
13 Hands-on CO4 Apply DOM Task
getElementById
Teaching Bloom's
Week Topics COs Assessment
Method Level
Validation
14 JavaScript Form Validation Live Code CO4 Analyze
Project
Final Integration Project Group Project + Final
15 CO5 Create
(HTML+CSS+JS) Viva Submission
TEACHING AIDS
Smart Board / Projector
VS Code / Sublime Text
Chrome DevTools, JSFiddle / CodePen
Online Resources: MDN Web Docs, W3Schools
