Lovely Professional University, Punjab

Course Code Course Title Course Planner Lectures Tutorials Practicals Credits
CAP283 FUNDAMENTALS OF WEB PROGRAMMING- 11579::Deepak Mehta 0 0 3 2
LABORATORY
Course Weightage ATT: 5 CAP: 45 ETP: 50 Exam Category: X6: Mid Term Exam: Not Applicable – End Term Exam:
Practical
Course Orientation SKILL ENHANCEMENT

TextBooks ( T )
Sr No Title Author Publisher Name
T-1 HTML: THE COMPLETE THOMAS A. POWELL MCGRAW HILL EDUCATION
REFERENCE
Reference Books ( R )
Sr No Title Author Publisher Name
R-1 WEB ENABLE COMMERCIAL IVAN BAYROSS BPB PUBLICATIONS
APPLICATION DEVELOPMENT
USING HTML, DHTML,
JAVASCRIPT, PERL, CGI,
Other Reading ( OR )

Sr No Journals articles as Compulsary reading (specific articles, complete reference)

OR-1 http://www.kthmcollege.com/pdffiles/File-42.pdf ,
OR-2 www.echoecho.com/javascript.htm ,
OR-3 http://www.w3schools.com/jsref/default.asp ,
OR-4 http://htmlhelp.com/reference/wilbur/list.html ,
OR-5 http://c501401.r1.cf2.rackcdn.com/documents/cs/courseinfo/WEB_LAB_MANUAL.pdf ,

Relevant Websites ( RW )
Sr No (Web address) (only if relevant to the course) Salient Features
RW-1 http://www.w3.org/TR/html4/present/styles.html This website provides good programming examples about CSS

RW-2 http://www.w3schools.com/html/default.asp This website is a good source of web programming examples

Audio Visual Aids ( AV )

Sr No (AV aids) (only if relevant to the course) Salient Features
AV-1 http://www.virtuosimedia.com/dev/javascript/15-essential-javascript-video-tutorials Videos related to Javascript programming, DOM Model and Event
handling in 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.
 Software/Equipments/Databases
Sr No (S/E/D) (only if relevant to the course) Salient Features
SW-1 A working PC, Text Editior and a Web Browser Programming will be done using HTML and few points of HTML5,
browser needed to test the outputs
Virtual Labs ( VL )
Sr No (VL) (only if relevant to the course) Salient Features
VL-1 http://faculty.washington.edu/krumme/207/vlab.html Virtual lab on web programming using HTML

*Each experiment of the lab will be evaluated using following relative scheme:
Component Weightage (%)
Performance/Job 50
evaluation/conduct/skill
execution/demonstration
Viva 50

Detailed Plan For Practicals

Practical No Broad topic Subtopic Other Readings Learning Outcomes

Practical 1 Basics of HTML Introduction to HTML OR-1 Students will learn about the building
AV-1 blocks of HTML and how to write a
simple web page using tags.
Basics of HTML Common HTML tags and their OR-1 Students will learn about the building
attributes OR-2 blocks of HTML and how to write a
simple web page using tags.
Practical 2 Web page layout using HTML forms RW-1 Students will learn how to use basic
designing elements of HTML while
making a web page
Web page layout using HTML working with fonts in a web page OR-5 Students will learn how to use basic
AV-1 designing elements of HTML while
making a web page
Web page layout using HTML tables OR-3 Students will learn how to use basic
OR-4 designing elements of HTML while
making a web page
Web page layout using HTML ordered & unordered lists OR-2 Students will learn how to use basic
designing elements of HTML while
making a web page
Web page layout using HTML traditional HTML vs XHTML RW-2 Students will learn how to use basic
designing elements of HTML while
making a web page

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 2 Web page layout using HTML text and image links OR-4 Students will learn how to use basic
OR-5 designing elements of HTML while
making a web page
Web page layout using HTML frames OR-5 Students will learn how to use basic
designing elements of HTML while
making a web page
Web page layout using HTML inserting image OR-3 Students will learn how to use basic
OR-4 designing elements of HTML while
making a web page
Practical 3 Web page layout using HTML inserting image OR-3 Students will learn how to use basic
OR-4 designing elements of HTML while
making a web page
Web page layout using HTML frames OR-5 Students will learn how to use basic
designing elements of HTML while
making a web page
Web page layout using HTML text and image links OR-4 Students will learn how to use basic
OR-5 designing elements of HTML while
making a web page
Web page layout using HTML traditional HTML vs XHTML RW-2 Students will learn how to use basic
designing elements of HTML while
making a web page
Web page layout using HTML ordered & unordered lists OR-2 Students will learn how to use basic
designing elements of HTML while
making a web page
Web page layout using HTML tables OR-3 Students will learn how to use basic
OR-4 designing elements of HTML while
making a web page
Web page layout using HTML working with fonts in a web page OR-5 Students will learn how to use basic
AV-1 designing elements of HTML while
making a web page
Web page layout using HTML forms RW-1 Students will learn how to use basic
designing elements of HTML while
making a web page
Practical 4 Overview of HTML5 HTML 5 document structure OR-3 Students will learn about the basics of
OR-4 HTML5 which is an industrial standard
for web page design
Overview of HTML5 HTML 5 open media effort RW-2 Students will learn about the basics of
HTML5 which is an industrial standard
for web page design
Overview of HTML5 emerging elements and attributes of SW-1 Students will learn about the basics of
HTML5 to support web HTML5 which is an industrial standard
for web page design
Practical 5 CSS CSS border, margin, Positioning, OR-4 Student will learn how to use this
color, text, link, background, list, advanced method of web page designing
table, padding, image, display to make effective and time saving designs
properties

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 CSS inline, external, embedded CSS VL-1 Student will learn how to use this
advanced method of web page designing
to make effective and time saving designs
CSS introduction to style sheet SW-1 Student will learn how to use this
advanced method of web page designing
to make effective and time saving designs
CSS use of Id & classes in CSS SW-1 Student will learn how to use this
advanced method of web page designing
to make effective and time saving designs
Practical 6 CSS use of Id & classes in CSS SW-1 Student will learn how to use this
advanced method of web page designing
to make effective and time saving designs
CSS introduction to style sheet SW-1 Student will learn how to use this
advanced method of web page designing
to make effective and time saving designs
CSS inline, external, embedded CSS VL-1 Student will learn how to use this
advanced method of web page designing
to make effective and time saving designs
CSS CSS border, margin, Positioning, OR-4 Student will learn how to use this
color, text, link, background, list, advanced method of web page designing
table, padding, image, display to make effective and time saving designs
properties
Practical 7 Javascript types of scripts OR-4 Student will learn how to create web
pages adding a bit of programming to
them
Javascript control and looping structure OR-3 Student will learn how to create web
pages adding a bit of programming to
them
Javascript validations in javascript RW-2 Student will learn how to create web
pages adding a bit of programming to
them
Javascript object and constructors SW-1 Student will learn how to create web
pages adding a bit of programming to
them
Javascript user defined functions RW-1 Student will learn how to create web
pages adding a bit of programming to
them
Javascript variables, identifiers constants in AV-1 Student will learn how to create web
javascript, pages adding a bit of programming to
them
Javascript operators in javascripts OR-4 Student will learn how to create web
pages adding a bit of programming to
them
Javascript concept of array OR-3 Student will learn how to create web
pages adding a bit of programming to
them

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 7 Javascript math and date object VL-1 Student will learn how to create web
pages adding a bit of programming to
them
Javascript string object OR-5 Student will learn how to create web
pages adding a bit of programming to
them
Javascript introduction to javascript OR-2 Student will learn how to create web
AV-1 pages adding a bit of programming to
them
Javascript event handling in javascript OR-5 Student will learn how to create web
pages adding a bit of programming to
them
Javascript concept of script RW-2 Student will learn how to create web
pages adding a bit of programming to
them
Practical 8 Javascript concept of script RW-2 Student will learn how to create web
pages adding a bit of programming to
them
Javascript event handling in javascript OR-5 Student will learn how to create web
pages adding a bit of programming to
them
Javascript introduction to javascript OR-2 Student will learn how to create web
AV-1 pages adding a bit of programming to
them
Javascript string object OR-5 Student will learn how to create web
pages adding a bit of programming to
them
Javascript math and date object VL-1 Student will learn how to create web
pages adding a bit of programming to
them
Javascript concept of array OR-3 Student will learn how to create web
pages adding a bit of programming to
them
Javascript operators in javascripts OR-4 Student will learn how to create web
pages adding a bit of programming to
them
Javascript variables, identifiers constants in AV-1 Student will learn how to create web
javascript, pages adding a bit of programming to
them
Javascript user defined functions RW-1 Student will learn how to create web
pages adding a bit of programming to
them
Javascript object and constructors SW-1 Student will learn how to create web
pages adding a bit of programming to
them

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 8 Javascript validations in javascript RW-2 Student will learn how to create web
pages adding a bit of programming to
them
Javascript control and looping structure OR-3 Student will learn how to create web
pages adding a bit of programming to
them
Javascript types of scripts OR-4 Student will learn how to create web
pages adding a bit of programming to
them
Practical 9 DOM using javascript window navigator, location object OR-2 Student will learn about the concept of
with methods DOM and how to access the web page
elements using DOM
DOM using javascript DOM concept in javascript OR-1 Student will learn about the concept of
DOM and how to access the web page
elements using DOM
Practical 10 DOM using javascript DOM concept in javascript OR-1 Student will learn about the concept of
DOM and how to access the web page
elements using DOM
DOM using javascript window navigator, location object OR-2 Student will learn about the concept of
with methods DOM and how to access the web page
elements using DOM
Practical 11 Basics of JQuery introduction to JQuery OR-3 Student will learn to implement JQuery in
web pages
Practical 12 Basics of JQuery introduction to JQuery OR-3 Student will learn to implement JQuery in
web pages
Practical 13 Basics of JQuery JQuery events OR-4 Student will learn to implement JQuery
events and how to write code for handling
these events in web pages
Practical 14 Basics of JQuery animations and effects using JQuery. OR-2 Student will learn to implement
animations and effects in JQuery
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.