Lovely Professional University, Punjab

Course Code Course Title Course Planner Lectures Tutorials Practicals Credits
CSE326 INTERNET PROGRAMMING LABORATORY 18364::Richa Sharma 0.0 0.0 2.0 1.0
Course Orientation 1 :DISCIPLINE KNOWLEDGE, 3 :SOFTWARE SKILL, 7 :COMPETITIVE EXAMINATION(Higer Education)

TextBooks
Sr No Title Author Edition Year Publisher Name
T-1 HTML 5 COVERS CSS3, KOGENT LEARNING 1st 2011 DREAMTECH PRESS
JAVASCRIPT,XML,XHTML,AJAX
Reference Books
Sr No Title Author Edition Year Publisher Name
R-1 WEB ENABLED COMMERCIAL IVAN BAYROSS 4th 2009 BPB PUBLICATIONS
APPLICATION DEVELOPMENT
USING HTML,
DHTML,JAVASCRIPT, DHTML
AND PHP
R-2 Beginning HTML, XHTML, CSS, and Jon Duckett 1st 2012 WILEY
JavaScript

Relevant Websites
Sr No Web address (only if relevant to the course) Salient Features
RW-1 http://msdn.microsoft.com/library/aa218647.aspx Introduction to Web Technologies

RW-2 http://www.w3schools.com/html5/html5_new_elements.asp New Elements and Attributes

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

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

RW-5 http://www.w3schools.com/html/html_links.asp HTML Links

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

RW-7 http://www.w3schools.com/html/html_images.asp Working with Images

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

RW-9 http://www.w3schools.com/html5/html5_form_input_types.asp HTML5 New Input Types

RW-10 http://www.w3schools.com/html/html_sounds.asp AUDIO Element

RW-11 http://www.w3schools.com/html/html_videos.asp VIDEO Element

RW-12 http://www.w3schools.com/html5/tag_embed.asp EMBED Tag

RW-13 http://www.w3schools.com/html/html_object.asp OBJECT Element

RW-14 http://wally.cs.iupui.edu/n341_05/ JavaScript Basics

RW-15 http://www.tizag.com/javascriptT/javascriptheadnbody.php How to insert JavaScript into HTML page

RW-16 http://www.tizag.com/javascriptT/javascriptsyntax.php How to write JavaScript

RW-17 http://www.w3schools.com/js/js_popup.asp Popup Boxes

RW-18 http://dev.opera.com/articles/view/javascript-functions/ JavaScript Functions

RW-19 http://www.webmonkey.com/2010/02/javascript_events/ JavaScript Events

RW-20 http://msdn.microsoft.com/en-us/library/ie/ff974169%28v=vs.85%29.aspx Media Elements

RW-21 http://www.w3schools.com/js/js_obj_intro.asp Object Introduction

RW-22 http://www.javacommerce.com/displaypage.jsp?name=ch5.sql&id=18220 String, Math and Date object

RW-23 http://www.hunlock.com/blogs/Mastering_Javascript_Arrays Mastering JavaScript Arrays

RW-24 http://www.howtocreate.co.uk/tutorials/javascript/domstructure DOM Objects and Methods

RW-25 http://htmlhelp.com/reference/css/ Cascading Style Sheets

RW-26 http://www.w3schools.com/xml/default.asp XML Basics and XML Parser

RW-27 http://www.w3schools.com/js/js_form_validation.asp JavaScript For Validation

RW-28 http://www.w3schools.com/css3/css3_transitions.asp CSS3 Transitions

RW-29 http://freevideolectures.com/Course/2308/Internet-Technology/25 JavaScript Concepts

Audio Visual Aids

Sr No AV aids (only if relevant to the course) Salient Features
AV-1 http://www.learnerstv.com/video/Free-video-Lecture-19517-Computers.htm Basics of HTML
AV-2 http://freevideolectures.com/Course/2308/Internet-Technology Introduction to Internet
AV-3 http://www.learnerstv.com/video/Free-video-Lecture-19541-Computers.htm Multimedia Programming
AV-4 http://freevideolectures.com/Course/2308/Internet-Technology/25 Introduction to JavaScript

Scheme for CA:

Component Frequency Out Of Each Marks Total Marks
Practical 3 4 10 30

Total :- 10 30
 Details of Academic Task(s)
AT No. Objective Topic of the Academic Task Nature of Academic Task Evaluation Mode Allottment /
(group/individuals/field submission Week
work
Practical1 To Evaluate the Lab Evaluation Will of the practicals discussed in Week 1 and Individual Viva and Execution. 3/3
students on the basis Week 2 Both will have
of what they have Same weightage
learnt and practiced
in the Lab
Practical2 To Evaluate the Lab Evaluation Will of the practicals discussed in Week 4 and Individual Viva and Execution. 6/6
students on the basis Week 5 Both will have
of what they have Same weightage
learnt and practiced
in the Lab
Practical3 To Evaluate the Lab Evaluation Will of the practicals discussed in Week 7 and Individual Viva and Execution. 9/9
students on the basis Week 8 Both will have
of what they have Same weightage
learnt and practiced
in the Lab
Practical4 To Evaluate the Lab Evaluation Will of the practicals discussed in Week 10 and Individual Viva and Execution. 12 / 12
students on the basis Week 11 Both will have
of what they have Same weightage
learnt and practiced
in the Lab

*Each experiment of the lab will be evaluated using following relative scheme:
Component % of Marks
Performance 100

Detailed Plan For Practicals

Practical No Broad topic (Subtopic) Practical Description Learning Outcomes Equipment Used
Practical 1 Exposure To HTML(HTML document Learning the basic structure of HTML To understand the basic structural layout Web Browser and Text Editor
structure) Document. of HTML Document.
Exposure To HTML(Working with Creating simple web page to understand To understand the implementation of Web Browser and Text Editor
HTML basic elements like title, head, basic HTML elements. basic elements used for programming
body) simple HTML document.
Exposure To HTML(Working with Implementation of Root and Metadata To Understand the use of Root and Web Browser and Text Editor
Root and Metadata) elements. Metadata
Tags.

Exposure To HTML(Script and Working with SCRIPT and NON-SCRIPT To Understand the use and Web Browser and Text Editor
NonScript) elements implementation of Script and Non-Script
Tags in
HTML.
Practical 1 Exposure To HTML(Horizontal Rules Elements and attributes used to format To learn how the formatting of the Web Web Browser and Text Editor
and line breaks and paragraph, working the web page. Page is done using tags.
with citation, quotation,
definitions and comments)
Exposure To HTML(Types of Tags in Working with HTML tags. Understanding the different types of tags Web Browser and Text Editor.
HTML) used in HTML.
Practical 2 Working with Text, Links, Images and Arranging Text and Working with Images Understanding the working of Text and Web Browser and Text Editor.
Tables in HTML(Arranging text, in HTML. Image tags in HTML.
Exploring the Hyperlinks and linking to
a mail system, Exploring the
link relations, Working with images in
a web page)
Working with Text, Links, Images and Working with Physical and Logical Style Understanding the difference between Web Browser and Text Editor.
Tables in HTML(Formatting text with elements of HTML. Physical and logical style elements of
HTML physical style elements, HTML.
Formatting text with HTML logical
style elements)
Working with Text, Links, Images and Working with the advanced formatting To learn how the formatting Web Browser and Text Editor.
Tables in HTML(Displaying Plain, elements of elements of HTML works on Text on web
Bold, text of HTML. pages.
Italic, Small, Subscripted,
Superscripted text, Displaying Program
Code, Program
Output, Keyboard text, Emphasizing
text, Defining New Terms, Short and
long
Quotations)
Working with Text, Links, Images and P2: Working of Anchor tag (how to link the Students will learn how to make hyperlink Web Browser and Text Editor.
Tables in HTML(Creating Links with pages.) P3: Practical 3 is reserved for first and how to link web pages using Anchor
anchor tag) lab evaluation tag.
Practical 3 Working with Text, Links, Images and P2: Working of Anchor tag (how to link the Students will learn how to make hyperlink Web Browser and Text Editor.
Tables in HTML(Creating Links with pages.) P3: Practical 3 is reserved for first and how to link web pages using Anchor
anchor tag) lab evaluation tag.
Practical 4 Working With HTML Forms(Working Implementation of Frame and Table tag in Students will learn how to create Frames Web Browser and Text Editor
With Tables and Frames) HTML and Tables using table and frame tags.
Practical 5 Working With HTML Forms(Working Working with Form and Form Elements . Students will learn to create forms using Web Browser and Text Editor
With Form Elements like Action, Id, html form tags .
Onsubmit, onreset, Target Attribute)
Working With HTML Forms(Form Working with Form and Form Elements . Students will learn to create forms using Web Browser and Text Editor
Controls Like Text Inputs, Button, form tags in HTML .
CheckBoxes, Radio Buttons, Select,
File Select)
Working With HTML Forms(HTTP P5:Working of Get and Post method. To learn how to send the request or Web Browser and Text Editor
Get and Post) P6: Practical 6 is reserved for Second lab retrieve information from the server.
evaluation
Practical 6 Working With HTML Forms(HTTP P5:Working of Get and Post method. To learn how to send the request or Web Browser and Text Editor
Get and Post) P6: Practical 6 is reserved for Second lab retrieve information from the server.
evaluation
Practical 7 JavaScript Application Development Overview of JavaScript. To learn how to use and place SCRIPT Web Browser and Text Editor
(Incorporating JavaScript in the HEAD element in
and HEAD and BODY elements.
BODY element, Using an External
JavaScript file, Using variables and
operators)
Practical 8 JavaScript Application Development P8:Working of Control Statements in Students will learn to implement control Web Browser and Text Editor.
(Using JavaScript. statements and will also learn the use of
control statements such as if...else, P9: Reserved for third Lab Evaluation. conditional statement for
switch, break and continue, Using business logic.
looping
statements such as while, do...while,
for, Using Popup boxes such as Alert,
Confirm,
and Prompt)
Practical 9 JavaScript Application Development P8:Working of Control Statements in Students will learn to implement control Web Browser and Text Editor.
(Using JavaScript. statements and will also learn the use of
control statements such as if...else, P9: Reserved for third Lab Evaluation. conditional statement for
switch, break and continue, Using business logic.
looping
statements such as while, do...while,
for, Using Popup boxes such as Alert,
Confirm,
and Prompt)
Practical 10 JavaScript functions and events Working with Functions and Events Students will learn how to associate Web Browser and Text Editor.
(Working with functions with (onclick, onmouseover etc.) in JavaScript. various events with mouse and
parameters, Using also learn working on functions in
function Arguments, Return statement) JavaScript.

JavaScript functions and events Working with Functions and Events Students will learn how to associate Web Browser and Text Editor.
(Working with onclick, onload,onreset, (onclick, onmouseover etc.) in JavaScript. various events with mouse and
onsubmit, ondblclick, onmouseover, also learn working on functions in
onmouseout, onmousemove, JavaScript.
onmouseup, onmousedown)
Practical 11 JavaScript functions and events P11: Validation Controls . Students will learn how to apply Web Browser and Text Editor.
(JavaScript Form Validation) P12: Reserved for forth Lab Evaluation. validations and validate the web forms.
Practical 12 JavaScript functions and events P11: Validation Controls . Students will learn how to apply Web Browser and Text Editor.
(JavaScript Form Validation) P12: Reserved for forth Lab Evaluation. validations and validate the web forms.
Practical 13 Cascading Style Sheets(CSS rules like CSS: Design, layout and variations in Students will learn to add styles and Web Browser and Text Editor.
link and style, types of CSS) display for different devices and screen themes to the web pages .
sizes.
Practical 14 Cascading Style Sheets(CSS properties CSS Properties and Usage ,Types of Understanding CSS and use of selectors in Web Browser and Text Editor
like text controlling and text Selectors in CSS. CSS on Web Page
formatting)
Cascading Style Sheets(CSS selectors CSS Properties and Usage ,Types of Understanding CSS and use of selectors in Web Browser and Text Editor
like type, id, class) Selectors in CSS. CSS on Web Page

SPILL OVER
Practical 15 Spill Over