LESSON PLAN

Name of the Faculty: Academic Year: 2024-2025

Course objectives:
 Understand the basics of HTML and its components
 To study about the Graphics in HTML
 Understand and apply the concepts of XML and DHTML
 Understand the concept of Java Script
 To identify and understand the goals and objectives of the Ajax.

Course Outcomes:
After the completion of course, the student must be able to,
CO1. Develop working knowledge of HTML.
CO2. Learn to develop Webpages using Hypertext Markup Language(HTML).
CO3. Have the ability to optimize page styles and layout with Cascading Style Sheets(CSS).
CO4. Develop a java script.
CO5. Get knowledge to develop web applications.

Unit I
HTML:HTML-Introduction-tag basics-page structure-adding comments working with
texts, paragraphs and line break. Emphasizing test- heading and horizontal rules-list-font size,
face and color-Alignment links-tables-frames

Remarks
(Assignme
Topics to be Proposed Actual Delivery Refer Page
S.No. nt /
covered Date Date Method ence No
Seminar /
Test)
HTML
1 C&T
Introduction

2 Tag basics
C&T
Page structure, C&T
adding comments
3
working with
texts
 paragraphs and C&T
4 line break, C&T
Emphasizing test
heading and
horizontal rules- C&T
5
list-font size, face
and color
Alignment links- C&T
6 tables-frames

UNIT II
Forms & Images Using Html: Graphics: Introduction-How to work efficiently with
images in web pages, image maps, GIF animation, adding multimedia, data collection with
html forms textbox, password, list box, combo box, text area, tools for Building webpage
front page
Remarks
Deliver
(Assignmen
S.No Topics to be Proposed Actual y Refer Page
t/
. covered Date Date Metho ence No
Seminar
d
/Test)
Forms & Images
1 C&T
Using Html
Graphics:
2 C&T
Introduction
How to work C&T
efficiently with
3 images in web
pages, image
maps
GIF animation, C&T
4 adding
multimedia
data collection C&T
5 with html forms Assignment
textbox, password
list box, combo C&T
6
box, text area,
7 Tools for
Building webpage C&T
 front page

Unit III
XML & DHTML: Cascading style sheet (CSS)-what is CSS-Why we use CSS-adding
CSS to your webpages-Grouping styles-extensible markup language(XML).

Remarks
Deliver (Assignme
Topics to be Proposed Actual Refere Pag
S.No. y nt /
covered Date Date nce e No
Method Seminar /
Test)
1 XML & DHTML C&T
Cascading style C&T
2
sheet (CSS
3 what is CSS C&T
Why we use
4 C&T
CSS-
Adding CSS to C&T
5 your webpages,
Grouping styles
Extensible
6 markup C&T
language(XML).

Unit IV
Dynamic HTML: Document object model (DCOM)- Accessing HTML & CSS through
DCOM Dynamic content styles & positioning-Event bubbling-data binding.
JavaScript: Client-side scripting, What is JavaScript, How to develop JavaScript, simple
JavaScript, variables, functions, conditions, loops and repetition,

Remarks
(Assignme
S.No Topics to be Proposed Actual Delivery Refer Pag
nt /
. covered Date Date Method ence e No
Seminar /
Test)
Document object
1 C&T
model (DCOM)
2 Accessing HTML & C&T
 CSS through
DCOM Dynamic
content styles &
positioning
3 Event bubbling C&T

4 data binding
C&T
Client-side C&T
5 scripting, What is
JavaScript
How to develop C&T
6 JavaScript, simple
JavaScript
variables, functions, C&T
7 conditions, loops
and repetition

Unit V
Advance script, JavaScript and objects, JavaScript own objects, the DOM and web
browser environments, forms and validations

Remarks
(Assignm
S.N Topics to be Proposed Actual Delivery Refere Pag
ent /
o covered Date Date Method nce e No
Seminar /
Test)
1 Advance script C&T
JavaScript and C&T
2
objects
JavaScript own
3 C&T
objects
The DOM and web C&T
4 browser
environments
5 Forms C&T
6 validations C&T

Delivery Method:
Textual format and PPT and Live Demonstration
References:
1. Pankaj Sharma,―Web Technology, SkKataria &Sons Bangalore2011.
2 Mike Mcgrath,―JavaScript‖, Dream Tech Press 2006,1st Edition.
3 Achyut S Godbole& Atul Kahate,― WebTechnologies‖,2002,2nd Edition
.

PRESENTED BY APPROVED BY

SIGNATURE

NAME

DESIGNATION

SUBMITTED DATE