Lovely Professional University, Punjab

Course Code Course Title Course Planner Lectures Tutorials Practicals Credits
CSE326 INTERNET PROGRAMMING LABORATORY 25706::Dr Dhanpratap Singh 0 0 3 2
Course Weightage ATT: 5 CAP: 45 ETP: 50 Exam Category: X6: Mid Term Exam: Not Applicable – End Term Exam:
Course Focus EMPLOYABILITY,SKILL DEVELOPMENT Practical

Course Outcomes :Through this course students should be able to

CO1 :: Recognize the components, tools, sturucture and tags of HTML, CSS and Javascript.
CO2 :: Paraphrase the effect of various HTML, CSS tags, properties and combination of them for web page design.
CO3 :: Apply HTML, CSS and Javascript technologies according to user requirements and observe the output of the web page design.
CO4 :: Analyze output of web page after application of different components of HTML, CSS and Javascript as per required in the website development.
CO5 :: Assess the effectiveness of selected components of HTML, CSS and javascript with desired properties and values for the concerned web based product.
CO6 :: Construct a project with desired and verified selection of advance components and features of HTML,CSS and Javascript.

TextBooks ( T )
Sr No Title Author Publisher Name
T-1 HTML 5 COVERS CSS3, KOGENT LEARNING DREAMTECH PRESS
JAVASCRIPT,XML,XHTML,AJAX
Reference Books ( R )
Sr No Title Author Publisher Name
R-1 WEB ENABLED COMMERCIAL IVAN BAYROSS BPB PUBLICATIONS
APPLICATION DEVELOPMENT
USING HTML,
DHTML,JAVASCRIPT, DHTML
AND PHP
R-2 BEGINNING HTML, XHTML, CSS JON DICKETT WILEY
AND JAVASCRIPT

Relevant Websites ( RW )
Sr No (Web address) (only if relevant to the course) Salient Features
RW-1 http://www.w3schools.com/html/html_links.asp HTML Links

RW-2 http://www.w3schools.com/html/html_intro.asp HTML Page Structure

An instruction plan is only a tentative plan. The teacher may make some changes in his/her teaching plan. The students are advised to use syllabus for preparation of all examinations. The students are expected to keep themselves
updated on the contemporary issues related to the course. Upto 20% of the questions in any examination/Academic tasks can be asked from such issues even if not explicitly mentioned in the instruction plan.
 RW-3 http://www.w3schools.com/html/html_images.asp Working with Images

RW-4 http://www.w3schools.com/html/html_forms.asp HTML Form Attributes

RW-5 http://www.w3schools.com/html/html5_audio.asp AUDIO Element

RW-6 http://www.w3schools.com/css/css_boxmodel.asp CSS Box Model

RW-7 https://www.w3schools.com/css/css_howto.asp Inline CSS, internal CSS and external CSS

RW-8 https://www.javatpoint.com/html-table Working with HTML Tables

RW-9 https://www.w3schools.com/css/css_grid.asp CSS Grids

RW-10 https://www.javatpoint.com/javascript-example Incorporating JavaScript in HTML code

RW-11 https://www.javatpoint.com/javascript-operators JAVASCRIPT Operators

RW-12 https://www.javatpoint.com/javascript-form-validation JAVASCRIPT Form Validation

RW-13 https://www.javatpoint.com/understanding-html-dom-events Javascript DOM

RW-14 https://www.w3schools.com/js/js_htmldom.asp Javascript DOM

RW-15 https://www.w3schools.com/js/js_objects.asp Javascript Objects

RW-16 https://www.w3schools.com/js/js_functions.asp Javascript Functions

RW-17 https://www.w3schools.com/js/js_events.asp Javascript Events

RW-18 https://www.w3schools.com/js/js_events_examples.asp Javascript Events

RW-19 http://msdn.microsoft.com/library/aa218647.aspx Introduction to Web Technologies

RW-20 http://www.htmlportal.net/html-tutorial/font-styles.htm Physical and Logical style elements

RW-21 http://docstore.mik.ua/orelly/web2/xhtml/ch04_01.htm Text Basics

LTP week distribution: (LTP Weeks)

Weeks before MTE 7
Weeks After MTE 7
Spill Over (Lecture) 7

Detailed Plan For Lectures

An instruction plan is only a tentative plan. The teacher may make some changes in his/her teaching plan. The students are advised to use syllabus for preparation of all examinations. The students are expected to keep themselves
updated on the contemporary issues related to the course. Upto 20% of the questions in any examination/Academic tasks can be asked from such issues even if not explicitly mentioned in the instruction plan.
Week Lecture Broad Topic(Sub Topic) Chapters/Sections of Other Readings, Lecture Description Learning Outcomes Pedagogical Tool Live Examples
Number Number Text/reference Relevant Websites, Demonstration/
books Audio Visual Aids, Case Study /
software and Virtual Images /
Labs animation / ppt
etc. Planned
Week 1 Lecture 1 Exposure To HTML(HTML T-1 RW-19 Exposure To HTML: To understand the
document structure) HTML document implementation of
structure basic
elements used for
programming simple
HTML
document.
Lecture 2 Exposure To HTML RW-1 Exposure To To understand the
(Working with HTML basic RW-21 HTML;Working with implementation of
elements like title, head, HTML basic elements basic
body) like title, head, body elements used for
programming simple
HTML
document
Lecture 3 Exposure To HTML T-1 RW-2 Working with Root and To understand the
(Working with Root and R-2 RW-19 Metadata implementation of
Metadata) RW-20 basic
elements used for
programming simple
HTML
document.
Week 2 Lecture 4 Exposure To HTML(Script T-1 RW-2 Script and NonScript To understand the
and NonScript) R-2 RW-20 implementation of
RW-21 basic
elements used for
programming simple
HTML
document.
Lecture 5 Exposure To HTML T-1 RW-2 Horizontal Rules and To understand the
(Horizontal Rules and line RW-21 line breaks and implementation of
breaks and paragraph, paragraph, working with basic
working with citation, citation, elements used for
quotation, quotation, programming simple
definitions and comments) definitions and HTML
comments document.
Lecture 6 Exposure To HTML(Types RW-2 Types of Tags in HTML To understand the
of Tags in HTML) RW-20 implementation of
RW-21 basic
elements used for
programming simple
HTML
document

An instruction plan is only a tentative plan. The teacher may make some changes in his/her teaching plan. The students are advised to use syllabus for preparation of all examinations. The students are expected to keep themselves
updated on the contemporary issues related to the course. Upto 20% of the questions in any examination/Academic tasks can be asked from such issues even if not explicitly mentioned in the instruction plan.
Week 3 Lecture 7 Working with Text, Links, T-1 RW-1 Formatting text with Students will learn
Images , URLS, Multimedia RW-2 HTML physical how to make
and Interactive in HTML RW-3 style elements, hyperlink and how
(Formatting text with HTML RW-5 Formatting text with to link web pages
physical style elements, RW-20 HTML logical style using Anchor tag and
Formatting text with HTML elements will learn
logical style elements) to apply Multimedia
Tags within HTML
Pages and
to play audio and
video on page
loading.
Lecture 8 Working with Text, Links, T-1 RW-1 Working with Text, Students will learn
Images , URLS, Multimedia R-2 RW-2 Links, Images , Creating how to make
and Interactive in HTML RW-3 links with anchor tag hyperlink and how
(Creating links with anchor RW-5 URLS, Multimedia and to link web pages
tag) RW-20 Interactive in using Anchor tag and
HTML will learn
to apply Multimedia
Tags within HTML
Pages and
to play audio and
video on page
loading.
Lecture 9 Working with Text, Links, T-1 RW-5 Working with Text, Students will learn
Images , URLS, Multimedia R-2 Links, Images , how to make
and Interactive in HTML Multimedia- audio,video hyperlink and how
(Multimedia- audio,video tags and to link web pages
tags and attributes like URLS, Multimedia and using Anchor tag and
controls, autoplay and loop) Interactive in attributes will learn
like controls, autoplay to apply Multimedia
and Tags within HTML
HTML Pages and
loop to play audio and
video on page
loading.
Week 4 Lecture 10 Working with Text, Links, T-1 RW-5 Working with Text, Students will learn
Images , URLS, Multimedia R-2 Links, Images , how to make
and Interactive in HTML Multimedia- audio,video hyperlink and how
(Multimedia- audio,video tags and to link web pages
tags and attributes like URLS, Multimedia and using Anchor tag and
controls, autoplay and loop) Interactive in attributes will learn
like controls, autoplay to apply Multimedia
and Tags within HTML
HTML Pages and
loop to play audio and
video on page
loading.

An instruction plan is only a tentative plan. The teacher may make some changes in his/her teaching plan. The students are advised to use syllabus for preparation of all examinations. The students are expected to keep themselves
updated on the contemporary issues related to the course. Upto 20% of the questions in any examination/Academic tasks can be asked from such issues even if not explicitly mentioned in the instruction plan.
Week 4 Lecture 11 Working with Text, Links, T-1 RW-3 Working with Text, Students will learn
Images , URLS, Multimedia R-2 Links, Images , Working how to make
and Interactive in HTML with images in a web hyperlink and how
(Working with images in a page to link web pages
web page) URLS, Multimedia and using Anchor tag and
Interactive in will learn
HTML to apply Multimedia
Tags within HTML
Pages and
to play audio and
video on page
loading.
Lecture 12 Working with Text, Links, T-1 RW-3 Working with Text, Students will learn
Images , URLS, Multimedia R-2 Links, Images , Working how to make
and Interactive in HTML with images in a web hyperlink and how
(Working with images in a page to link web pages
web page) URLS, Multimedia and using Anchor tag and
Interactive in will learn
HTML to apply Multimedia
Tags within HTML
Pages and
to play audio and
video on page
loading.
Week 5 Lecture 13 Cascading Style Sheets(CSS T-1 RW-7 Introduction To CSS, Understanding CSS
selectors like type, id, class) R-2 Inline CSS, and use of selectors
internal CSS and in CSS on
external CSS Web Page.
Lecture 14 Cascading Style Sheets(CSS T-1 RW-7 Introduction To CSS, Understanding CSS
selectors like type, id, class) R-2 Inline CSS, and use of selectors
internal CSS and in CSS on
external CSS Web Page.
Lecture 15 Cascading Style Sheets T-1 RW-7 CSS selectors-type, id Understanding CSS
(Introduction To CSS and R-2 and class and use of selectors
types of CSS) in CSS on
Web Page.
Week 6 Lecture 16 Cascading Style Sheets(CSS RW-7 CSS properties-text Understanding CSS
properties-text controlling controlling and and use of selectors
and text formatting) text formatting in CSS on
Web Page. Allocation
of online assignment
1.
Submission will be in
12th week.

An instruction plan is only a tentative plan. The teacher may make some changes in his/her teaching plan. The students are advised to use syllabus for preparation of all examinations. The students are expected to keep themselves
updated on the contemporary issues related to the course. Upto 20% of the questions in any examination/Academic tasks can be asked from such issues even if not explicitly mentioned in the instruction plan.
Week 6 Lecture 17 Cascading Style Sheets(CSS T-1 RW-6 CSS Box Model- Students will learn
Box Model- Padding, R-2 Padding, Margin, how to create
Margin, Border) Border divisions in
HTML Pages, use of
Background Images
with
HTML Pages and
styling of webpage.
Lecture 18 Cascading Style Sheets(CSS T-1 RW-6 CSS Box Model- Students will learn
Box Model- Padding, R-2 Padding, Margin, how to create
Margin, Border) Border divisions in
HTML Pages, use of
Background Images
with
HTML Pages and
styling of webpage.
Week 7 Lecture 19 Cascading Style Sheets(Div T-1 RW-6 Div and Span Tag in Students will learn
and Span Tag in CSS, R-2 RW-7 CSS, Working how to create
Working with background RW-9 with background Images divisions in
Images) HTML Pages, use of
Background Images
with
HTML Pages and
styling of webpage.

SPILL OVER
Week 7 Lecture 20 Spill Over
Lecture 21 Spill Over

MID-TERM
Week 8 Lecture 22 Working with Tables T-1 RW-6 Working With Tables- Students will learn to
(Working With Tables- R-2 RW-8 Colspan and design tables with
Colspan and Rowspan) Rowspan, applying css different
on tables, creating layouts & styles and
hoverable tables apply Colspan and
Rowspan
attributes.
Allocation of Code
based Test,
Working with Tables T-1 RW-6 Working With Tables- Students will learn to
(applying css on tables) R-2 RW-8 Colspan and design tables with
Rowspan, applying css different
on tables, creating layouts & styles and
hoverable tables apply Colspan and
Rowspan
attributes.
Allocation of Code
based Test,

An instruction plan is only a tentative plan. The teacher may make some changes in his/her teaching plan. The students are advised to use syllabus for preparation of all examinations. The students are expected to keep themselves
updated on the contemporary issues related to the course. Upto 20% of the questions in any examination/Academic tasks can be asked from such issues even if not explicitly mentioned in the instruction plan.
Week 8 Lecture 22 Working with Tables T-1 RW-6 Working With Tables- Students will learn to
(creating hoverable tables) R-2 RW-8 Colspan and design tables with
Rowspan, applying css different
on tables, creating layouts & styles and
hoverable tables apply Colspan and
Rowspan
attributes.
Allocation of Code
based Test,
Lecture 23 Working with Tables T-1 RW-6 Working With Tables- Students will learn to
(Working With Tables- R-2 RW-8 Colspan and design tables with
Colspan and Rowspan) Rowspan, applying css different
on tables, creating layouts & styles and
hoverable tables apply Colspan and
Rowspan
attributes.
Allocation of Code
based Test,
Working with Tables T-1 RW-6 Working With Tables- Students will learn to
(applying css on tables) R-2 RW-8 Colspan and design tables with
Rowspan, applying css different
on tables, creating layouts & styles and
hoverable tables apply Colspan and
Rowspan
attributes.
Allocation of Code
based Test,
Working with Tables T-1 RW-6 Working With Tables- Students will learn to
(creating hoverable tables) R-2 RW-8 Colspan and design tables with
Rowspan, applying css different
on tables, creating layouts & styles and
hoverable tables apply Colspan and
Rowspan
attributes.
Allocation of Code
based Test,
Lecture 24 Working with Forms T-1 RW-4 Working with Forms- Students will learn to
(Working with Forms- R-1 action attribute, use design HTML
action attribute, get and post R-2 get and post methods Forms and
methods) submit Forms using
get and post methods
and will
learn to use various
Form Elements like
Text Box,
Drop Down Box,
Radio Button and
Checheck Box.

An instruction plan is only a tentative plan. The teacher may make some changes in his/her teaching plan. The students are advised to use syllabus for preparation of all examinations. The students are expected to keep themselves
updated on the contemporary issues related to the course. Upto 20% of the questions in any examination/Academic tasks can be asked from such issues even if not explicitly mentioned in the instruction plan.
Week 9 Lecture 25 Working with Forms(Form T-1 RW-4 applying css on all Students will learn to
Elements and Controls Like R-1 controls of forms use design HTML
Text Inputs, TextArea, R-2 Forms and
Buttons, CheckBoxes, submit Forms using
Dropdown Boxes, Radio get and post methods
Buttons, Select and File and will
Select) learn to use various
Form Elements like
Text Box,
Drop Down Box,
Radio Button and
Checheck Box.
Lecture 26 Working with Forms T-1 Form Elements and Students will learn to
(applying css on all controls R-1 Controls Like use design HTML
of forms) R-2 Text Inputs, TextArea, Forms and
Buttons, submit Forms using
CheckBoxes, Dropdown get and post methods
Boxes, Radio and will
Buttons, Select and File learn to use various
Select Form Elements like
Text Box,
Drop Down Box,
Radio Button and
Checheck Box.
Lecture 27 CSS Grids and Webpage T-1 RW-9 Grid introduction To learn designing
Layouts(Grid introduction) R-1 different layouts of
R-2 webpage.

Week 10 Lecture 28 CSS Grids and Webpage T-1 RW-9 Grid introduction To learn designing
Layouts(Grid container) R-1 different layouts of
R-2 webpage.

Lecture 29 CSS Grids and Webpage T-1 RW-9 Grid container To learn designing
Layouts(Grid Item) R-1 different layouts of
R-2 webpage.

Lecture 30 CSS Grids and Webpage T-1 Creating different To learn designing
Layouts(Creating different R-1 layouts for webpage different layouts of
layouts for webpage) R-2 webpa

Week 11 Lecture 31 JavaScript Application T-1 RW-10 Incorporating JavaScript Students will learn to
Development(Incorporating R-1 in the HEAD implement control
JavaScript in the HEAD and R-2 and statements
BODY element, Using an BODY element, Using and will also learn
External JavaScript file, an External the use of various
Using variables and JavaScript file, Using dialog boxes
operators) variables and in JavaScript.
operators

An instruction plan is only a tentative plan. The teacher may make some changes in his/her teaching plan. The students are advised to use syllabus for preparation of all examinations. The students are expected to keep themselves
updated on the contemporary issues related to the course. Upto 20% of the questions in any examination/Academic tasks can be asked from such issues even if not explicitly mentioned in the instruction plan.
Week 11 Lecture 32 JavaScript Application T-1 RW-11 Using Students will learn to
Development(Using R-1 control statements such implement control
control statements such as R-2 as if...else, statements
if...else, switch, break and switch, break and and will also learn
continue, Using looping continue, Using the use of various
statements such as while, looping dialog boxes
do...while, for, Using Popup statements such as in JavaScript.
boxes such as Alert, while, do...while,
Confirm, for, Using Popup boxes
and Prompt) such as Alert,
Confirm,
and Prompt
Lecture 33 JavaScript Application RW-15 Working with Students will learn to
Development(Working with RW-16 JavaScript implement control
JavaScript RW-17 Objects,Properties and statements
Objects,Properties and RW-18 Methods and will also learn
Methods) the use of various
dialog boxes
in JavaScript.
Week 12 Lecture 34 JavaScript Functions,Events T-1 RW-16 Working with Students will learn
and Validation(Working R-1 JavaScript how to make use of
with Functions-Using R-2 Objects,Properties and functions in
function arguments and Methods JavaScript and apply
return statement) on form .
Lecture 35 JavaScript Functions,Events T-1 RW-12 JavaScript Form Students will learn
and Validation(Working R-1 Validation how to make use of
with JavaScript Events like R-2 functions in
Form Based, Keyboard JavaScript and apply
Based and Mouse Based) form validation.
Lecture 36 JavaScript Functions,Events T-1 RW-12 JavaScript Form Students will learn
and Validation(JavaScript R-1 Validation how to make use of
Form Validation) R-2 functions in
JavaScript and apply
form validation.
Week 13 Lecture 37 Javascript DOM(DOM T-1 RW-13 DOM introduction To learn changing
introduction) R-1 RW-14 HTML elements and
CSS
properties using
Javascript
Javascript DOM(DOM T-1 RW-13 DOM introduction To learn changing
methods) R-1 RW-14 HTML elements and
CSS
properties using
Javascript

An instruction plan is only a tentative plan. The teacher may make some changes in his/her teaching plan. The students are advised to use syllabus for preparation of all examinations. The students are expected to keep themselves
updated on the contemporary issues related to the course. Upto 20% of the questions in any examination/Academic tasks can be asked from such issues even if not explicitly mentioned in the instruction plan.
Week 13 Lecture 38 Javascript DOM(DOM T-1 RW-13 Javascript DOM To learn changing
document) R-1 RW-14 HTML elements and
CSS
properties using
Javascript
Javascript DOM(DOM T-1 RW-13 Javascript DOM To learn changing
elements) R-1 RW-14 HTML elements and
CSS
properties using
Javascript
Lecture 39 Javascript DOM(DOM T-1 RW-13 DOM HTML, DOM To learn changing
HTML, DOM CSS) R-1 RW-14 CSS HTML elements and
CSS
properties using
Javascript
Week 14 Lecture 40 Javascript DOM(DOM T-1 RW-13 DOM Events To learn changing
Events) R-1 RW-14 HTML elements and
CSS
properties using
Javascript

SPILL OVER
Week 14 Lecture 41 Spill Over
Lecture 42 Spill Over
Week 15 Lecture 43 Spill Over
Lecture 44 Spill Over
Lecture 45 Spill Over

Scheme for CA:

CA Category of this Course Code is:C010102 (Total 3 tasks, 1 compulsory and out of remaining 1 best out of 2 to be considered)

Component Iscompulsory Weightage (%) Mapped CO(s)

Project Yes 50 CO1, CO2,
CO3, CO4,
CO5, CO6
Test - Code based 1 NO 50 CO1, CO2,
CO3, CO4,
CO5, CO6
Test - Code based 2 NO 50 CO1, CO2,
CO3, CO4,
CO5, CO6

An instruction plan is only a tentative plan. The teacher may make some changes in his/her teaching plan. The students are advised to use syllabus for preparation of all examinations. The students are expected to keep themselves
updated on the contemporary issues related to the course. Upto 20% of the questions in any examination/Academic tasks can be asked from such issues even if not explicitly mentioned in the instruction plan.
 Details of Academic Task(s)

Academic Task Objective Detail of Academic Task Nature of Academic Academic Task Marks Allottment /
Task Mode submission
(group/individuals) Week
Project Design and This CA is compulsory and need group of at least 3. Group Online 30 4 / 13
Development of
Web based content
Test - Code based Skilled with Code based MCQ is required to prepare that contains small codes Individual Online 30 6/7
1 structure, with error, correct output, omission etc. and has four options. Only
componenets and one will answer.
use of HTML, CSS
and javascript.
Test - Code based Skilled with Code based MCQ is required to prepare that contains small codes Individual Online 30 12 / 13
2 structure, with error, correct output, omission etc. and has four
componenets and
use of HTML, CSS
and javascript.

An instruction plan is only a tentative plan. The teacher may make some changes in his/her teaching plan. The students are advised to use syllabus for preparation of all examinations. The students are expected to keep themselves
updated on the contemporary issues related to the course. Upto 20% of the questions in any examination/Academic tasks can be asked from such issues even if not explicitly mentioned in the instruction plan.