| Unit No. |
Lecture No. |
Topic |
Sessional Outcome |
Mapping with CO |
ICT Tools / Class Material (PPT ) |
First Shift |
Second Shift |
Guest Lecture |
Expert Lecture |
| 1 |
L1 |
Introduction Web Techonolgy - Web Page, Home Page : Basic Terminology |
Students would be able to understand concept of web technology |
CO1 |
 |
 |
 |
 |
 |
| 1 |
L2 |
Static and Dynamic website, Web Client and Web Server, Web Browser |
Define the concept of static and dynamic website |
CO1, CO2 |
 |
 |
 |
 |
 |
| 1 |
L3 |
Introduction to HTML |
Learn about HTML file |
CO2 |
 |
 |
 |
 |
 |
| 1 |
L4 |
HTML Document structure with basic tags and HTML comments |
Learn about HTML file structure |
CO1 |
 |
 |
 |
 |
 |
| 1 |
L5 |
Text formatting and inserting special characters |
Define basic formatting tags in HTML |
CO1, CO2 |
 |
 |
 |
 |
 |
| 1 |
L6 |
Bullets, Lists and head styles |
Create Ordered and Unordered lists |
CO1 |
 |
 |
 |
 |
 |
| 1 |
L7 |
Anchor tag |
Apply anchor tags |
CO2, CO3 |
 |
 |
 |
 |
 |
| 1 |
L8 |
Adding images and Sound |
Add images and sound in HTML documents |
CO1 |
 |
 |
 |
 |
 |
| 1 |
L9 |
Creating tables using HTML |
Create tables with customized settings using table attributes |
CO1 |
 |
 |
 |
 |
 |
| 1 |
L10 |
Frames and floating frames |
Create a frame in a webpage |
CO1, CO2 |
 |
 |
 |
 |
 |
| 1 |
L11 |
Creating forms using form elements |
Create a form in a web page |
CO3 |
 |
 |
 |
 |
 |
| 1 |
L12 |
Revision |
Revise Frames and Floating frames |
|
 |
 |
 |
 |
 |
| 1 |
L13 |
Using Forms elements and their attributes |
Apply different attributes and their values with form elements |
CO1 |
 |
 |
 |
 |
 |
| 1 |
L14 |
Form attributes continue |
Able to create static form |
CO1, CO3 |
 |
 |
 |
 |
 |
| 2 |
L15 |
Types of Style Sheets - Internal, inline |
Learn the concept of CSS and type of CSS |
CO2, CO3 |
 |
 |
 |
 |
 |
| 2 |
L16 |
External style sheets |
Learn the concept of CSS and type of CSS |
|
 |
 |
 |
 |
 |
| 2 |
L17 |
Creating styles & using link tag |
Apply different styles in webpage using style sheets |
CO3 |
 |
 |
 |
 |
 |
| 2 |
L18 |
CSS Styling - background, Border & Font |
Understand css style and properties |
CO3 |
 |
 |
 |
 |
 |
| 2 |
L19 |
Style Selector- Id, class name and Pseudo Class |
Define different types of CSS classes |
CO2 |
 |
 |
 |
 |
 |
| 2 |
L20 |
Pseudo Class |
Understand & types of CSS |
CO2, CO3 |
 |
 |
 |
 |
 |
| 2 |
L21 |
Introduction to Bootstrap and Responsive web design |
Understand the concept of bootstrap and responsive web pages |
CO1, CO3 |
 |
 |
 |
 |
 |
| 2 |
L22 |
Introduction to Bootstrap and Responsive web design continue |
Understand the concept of bootstrap and responsive web pages |
CO1, CO3 |
 |
 |
 |
 |
 |
| 2 |
L23 |
Linking with Bootstrap |
Apply bootstrap for designing web pages |
CO3 |
 |
 |
 |
 |
 |
| 2 |
L24 |
Container class |
|
|
 |
 |
 |
 |
 |
| 2 |
L25 |
Grids and tables |
Create grids, tables and insert images in a web page |
CO1, CO3 |
 |
 |
 |
 |
 |
| 2 |
L26 |
Buttons |
Create button and classes to design web page |
CO2, CO3 |
 |
 |
 |
 |
 |
| 2 |
L27 |
Revision and Doubts |
|
|
 |
 |
 |
 |
 |
| 2 |
L28 |
Presentation |
|
|
 |
 |
 |
 |
 |
| 3 |
L29 |
Introduction to Java Script |
Understand the concept of Java Script |
CO2 |
 |
 |
 |
 |
 |
| 3 |
L30 |
Data Types, Variables & operators in Javascript |
Learn different type of data gtype |
CO2 |
 |
 |
 |
 |
 |
| 2 |
L31 |
Control Statements |
Learn how to use control statements |
CO2, CO3 |
 |
 |
 |
 |
 |
| 2 |
L32 |
Revision |
Understand the concept of Java Script |
|
 |
 |
 |
 |
 |
| 2 |
L33 |
Arrays and arrays methods |
Define arrays and its methods |
CO1 |
 |
 |
 |
 |
 |
| 3 |
L34 |
Event driven programming in javascript |
Explain the mechnaism of event handling |
CO2, CO3 |
 |
 |
 |
 |
 |
| 3 |
L35 |
Event handling in Javascript |
Define methods for events |
CO2, CO3 |
 |
 |
 |
 |
 |
| 3 |
L36 |
Types of Events |
Understand types of events |
CO2, CO4 |
 |
 |
 |
 |
 |
| 3 |
L37 |
Built in and User Defined Functions |
Create user defined fuctions and use built in functions |
CO1, CO2 |
 |
 |
 |
 |
 |
| 3 |
L38 |
Javascript Objects: Math, Date etc |
Apply Math and Date functions |
CO2, CO3 |
 |
 |
 |
 |
 |
| 3 |
L39 |
Exception Handling |
Apply string handling methods in Javascript code |
CO2, CO3 |
 |
 |
 |
 |
 |
| 3 |
L40 |
Revision |
Revision of Functions and exception handling |
|
 |
 |
 |
 |
 |
| 3 |
R41 |
Document Object Model |
Understand DOM and its features |
CO4 |
 |
 |
 |
 |
 |
| 3 |
L42 |
Browser Object Model. |
Understand concept of browser object model |
CO4 |
 |
 |
 |
 |
 |
| 3 |
L43 |
Revision |
Summarize the concepts of javascript |
CO1, CO2 |
 |
 |
 |
 |
 |
| 3 |
L44 |
Presentation |
|
|
 |
 |
 |
 |
 |
| 4 |
L45 |
Introduction to XML and Building blocks |
Define XML and its use |
CO1, CO4 |
 |
 |
 |
 |
 |
| 4 |
L46 |
XML DTD |
Understand XML DTD |
CO1, CO4 |
 |
 |
 |
 |
 |
| 4 |
L47 |
Examples of XML DTD |
Explain the concept and working of XML DTD |
CO1, CO4 |
 |
 |
 |
 |
 |
| 4 |
L48 |
Revision |
Revision of XML |
|
 |
 |
 |
 |
 |
| 4 |
L49 |
Difference between HTML & XML. |
Able to differentiate HTML & XML |
CO1 |
 |
 |
 |
 |
 |
| 4 |
L50 |
Web Hosting Concepts |
Able to differentiate HTML & XML |
CO2, CO3 |
 |
 |
 |
 |
 |
| 4 |
L51 |
Types of web hosting |
Understand the concept of web hosting and web servers |
CO2, CO3 |
 |
 |
 |
 |
 |
| 4 |
L52 |
Revision |
Revision of web hosting |
|
 |
 |
 |
 |
 |
| 4 |
L53 |
Registering a domain |
Understand the domain registration process |
CO4 |
 |
 |
 |
 |
 |
| 4 |
L54 |
Web Hosting and Publishing Concepts |
Understand web hosting and publishing concept |
CO4 |
 |
 |
 |
 |
 |
| 4 |
L55 |
Server Requirements |
Understand the server requirements for web hosting |
CO2, CO3, CO4 |
 |
 |
 |
 |
 |
| 4 |
L56 |
Presentation |
|
|
 |
 |
 |
 |
 |
| 4 |
L57 |
Revision and Doubts |
|
|
 |
 |
 |
 |
 |
| 4 |
L58 |
Revision |
|
|
 |
 |
 |
 |
 |
| 4 |
L59 |
Revision |
|
|
 |
 |
 |
 |
 |
| 4 |
L60 |
Revision |
|
|
 |
 |
 |
 |
 |