Lovely Professional University, Punjab

Course Code Course Title Course Planner

CSE326 INTERNET PROGRAMMING LABORATORY 17862::Dr. Aditya Khamparia

Course Outcomes :Through this course students should be able to

CO1 :: understand the principles of creating an effective web page, including an in-depth consideration of information architecture.
CO2 :: develop a web page using HTML and CSS.
CO3 :: develop responsive web pages with the help of CSS and Javascript.
CO4 :: demonstrate the JavaScript functions and events.
CO5 :: construct websites using text, images, links, lists, and tables for navigation and layout.

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 https://www.w3schools.com/js/js_events_examples.asp Javascript Events

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

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

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

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-5 https://www.w3schools.com/js/js_htmldom.asp Javascript DOM

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Detailed Plan For Practicals

Practical No Broad topic Subtopic Other Readings Learning Outcomes

Practical 1 Exposure To HTML HTML document structure To understand the implementation of basic
elements used for programming simple HTML
document.
Exposure To HTML Working with HTML basic elements To understand the implementation of basic
like title, head, body elements used for programming simple HTML
document.
Exposure To HTML Working with Root and Metadata To understand the implementation of 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.
Practical 1 Exposure To HTML Script and NonScript To understand the implementation of basic
elements used for programming simple HTML
document.
Exposure To HTML Horizontal Rules and line breaks and To understand the implementation of basic
paragraph, working with citation, elements used for programming simple HTML
quotation, document.
definitions and comments
Exposure To HTML Types of Tags in HTML To understand the implementation of basic
elements used for programming simple HTML
document.
Practical 2 Working with Text, Links, Images , Formatting text with HTML physical Students will learn how to make hyperlink and how
URLS, Multimedia and Interactive in style elements, Formatting text with to link web pages using Anchor tag and will learn
HTML HTML logical style elements to apply Multimedia Tags within HTML Pages and
to play audio and video on page loading.
Working with Text, Links, Images , Creating links with anchor tag Students will learn how to make hyperlink and how
URLS, Multimedia and Interactive in to link web pages using Anchor tag and will learn
HTML to apply Multimedia Tags within HTML Pages and
to play audio and video on page loading.
Working with Text, Links, Images , Multimedia- audio,video tags and Students will learn how to make hyperlink and how
URLS, Multimedia and Interactive in attributes like controls, autoplay and to link web pages using Anchor tag and will learn
HTML loop to apply Multimedia Tags within HTML Pages and
to play audio and video on page loading.
Working with Text, Links, Images , Working with images in a web page Students will learn how to make hyperlink and how
URLS, Multimedia and Interactive in to link web pages using Anchor tag and will learn
HTML to apply Multimedia Tags within HTML Pages and
to play audio and video on page loading.
Practical 3 Cascading Style Sheets Introduction To CSS, Inline CSS, Understanding CSS and use of selectors in CSS on
internal CSS and external CSS Web Page.
Cascading Style Sheets CSS selectors-type, id and class Understanding CSS and use of selectors in CSS on
Web Page.
Cascading Style Sheets CSS properties-text controlling and Understanding CSS and use of selectors in CSS on
text formatting Web Page.
Practical 4 Cascading Style Sheets CSS Box Model- Padding, Margin, Students will learn how to create divisions in
Border HTML Pages, use of Background Images with
HTML Pages and styling of webpage.
Cascading Style Sheets Div and Span Tag in CSS, Working Students will learn how to create divisions in
with background Images HTML Pages, use of Background Images with
HTML Pages and styling of webpage.
Practical 5 Working with Tables Working With Tables-Colspan and Students will learn to design tables with different
Rowspan layouts & styles and apply Colspan and Rowspan
attributes.
Allocation of Code based Test
Working with Tables applying css on tables Students will learn to design tables with different
layouts & styles and 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.
Practical 5 Working with Tables creating hoverable tables Students will learn to design tables with different
layouts & styles and apply Colspan and Rowspan
attributes.
Allocation of Code based Test
Practical 6 Test - Code based
Practical 7 Working with Forms Working with Forms- action attribute, Students will learn to use design HTML Forms and
get and post 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.

Working with Forms Form Elements and Controls Like Students will learn to use design HTML Forms and
Text Inputs, TextArea, Buttons, submit Forms using get and post methods and will
CheckBoxes, Dropdown Boxes, Radio learn to use various Form Elements like Text Box,
Buttons, Select and File Select Drop Down Box, Radio Button and Checheck Box.

Working with Forms applying css on all controls of forms Students will learn to use design HTML Forms and
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.

Practical 8 CSS Grids and Webpage Layouts Grid introduction To learn designing different layouts of webpage.

CSS Grids and Webpage Layouts Grid container To learn designing different layouts of webpage.

CSS Grids and Webpage Layouts Grid Item To learn designing different layouts of webpage.

CSS Grids and Webpage Layouts Creating different layouts for webpage To learn designing different layouts of webpage.

Practical 9 JavaScript Application Development Incorporating JavaScript in the HEAD Students will learn to implement control statements
and and will also learn the use of various dialog boxes
BODY element, Using an External in JavaScript.
JavaScript file, Using variables and
operators
JavaScript Application Development Using Students will learn to implement control statements
control statements such as if...else, and will also learn the use of various dialog boxes
switch, break and continue, Using in JavaScript.
looping
statements such as while, do...while,
for, Using Popup boxes such as Alert,
Confirm,
and Prompt

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.
Practical 9 JavaScript Application Development Working with JavaScript Students will learn to implement control statements
Objects,Properties and Methods and will also learn the use of various dialog boxes
in JavaScript.

Practical 10 JavaScript Functions,Events and JavaScript Form Validation Students will learn how to make use of functions in
Validation JavaScript and apply form validation.
JavaScript Functions,Events and Working with Functions-Using Students will learn how to make use of functions in
Validation function arguments and return JavaScript and apply form validation.
statement
Practical 11 BYOD-Practical
Practical 12 Project - Website Design
Practical 13 JavaScript Functions,Events and Working with JavaScript Events like Students will learn how to make use of various
Validation Form Based, Keyboard Based and events based on form, Keyboard and mouse In
Mouse Based JavaScript.

Practical 14 Javascript DOM DOM introduction To learn changing HTML elements and CSS
properties using Javascript

Javascript DOM DOM methods To learn changing HTML elements and CSS
properties using Javascript

Javascript DOM DOM document To learn changing HTML elements and CSS
properties using Javascript

Javascript DOM DOM elements To learn changing HTML elements and CSS
properties using Javascript

Javascript DOM DOM HTML, DOM CSS To learn changing HTML elements and CSS
properties using Javascript

Javascript DOM DOM Events To learn changing HTML elements and CSS
properties using Javascript

SPILL OVER
Practical 15 Spill Over

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.