Institute / School Name

Program Name
Course Code
Course Name
Lecture / Tutorial (per week)
Course Coordinator Name

1.

2.

Chitkara Institute of Engineering and Technology School of Computer

Sciences
BE (CSE)
CSL 4209
Client Side Technologies
3-0-0
Course Credits
4
Er. Saravjeet Singh

Scope and Objectives of the Course

1.

To provide knowledge of markup language (HTML) and to enable students to build user friendly
websites.

2.

To make them understand ethical and professional issues which are important for web development.

Textbooks
TB1: Web Enabled Commercial Application Development using HTML, JavaScript, DHTML and PHP by Ivan
Bayross , 4th Edition, BPB Publications

3. Reference Books
RB1: The Complete Reference HTML & XHTML by Thomas A. Powell, 4th Edition, Tata McGraw-Hill
Company Limited.
RB2: HTML 4.0 by E. Stephen Mack, Janan Platt.
4. Other readings and relevant websites
Sr
No.
1.
2.
3.

Link of Journals, Magazines, websites and Research Papers

http://www.w3schools.com/
http://www.w3.org/TR/DOM-Level-3-Core/core.html
http://www.quirksmode.org/dom/intro.html

Course Plan
Lecture
Number

Topics

Web Programming and HTML: Introduction to web programming, Basics of HTML, understanding
Document - Tags

TEXT: Methods of formatting text: font tag, inline text attribute, Bold and italic, super script, subscript

3-4

Lists: Ordered, Unordered, Definition Lists and introduction to LINK, Links: The anchor element. Internal
linking and external linking Attribute- href, Target, Name

Images: Image basics, Image alignment, image map, tags (img map, area) respective all Attributes,

6-8

Table and Frame in HTML: Table: Tag, width and alignment, Cell spacing and Cell padding, Cell
alignment, Borders and rules , Rows, cells, Rowspan and Colspan attributes, Header, Footer and body
sections, Captions and Background images in tables

Page 1 of 4

9-10

Forms: Creating a Basic Form Add a Text Box to a Form, Add Check Boxes to a Form, radio buttons,
Adding Password, Pull down menus to a form , Use of clickable image as a submit button, Pass
information between forms (action ,method), meta data

11-12

HTML Frames: Introduction to Frameset Tag , Frame Tag

13-15

DHTML & CSS: Introduction, Technologies of DHTML CSS and JavaScript, Ways to Insert CSS: External
Style Sheet, Internal Style Sheet, Inline Styles,

16

CSS Background, Background Color Background Image: - Repeat Horizontally or Vertically, Set position
and no-repeat, CSS Text: Text Color, Text Alignment, Text Decoration, Font: Style, Family, Size, CSS lists,
CSS Links

17-18

CSS Tables: Table Borders, Collapse Borders, Table Width and Height ,Table Text Alignment, Table
Padding, Table Color, CSS Border: Style, Width, Color, CSS Margin: Margin, Padding, CSS: Syntax, CSS Id
and Class, Div and span tag
ST-1 (LECTURE NO. 1-18)
JavaScript Introduction: History of JavaScript, Determining the Document Object Model, Uses for
JavaScript, Incorporating JavaScript in Your Documents

19

20
21-22

The JavaScript Language: Basic JavaScript Syntax, Data Types and Variables, Calculations and Operators.
Control Structures: Do While, While, For and For In, If Else, Switch, Break and Continue; Labels, Built-in
Functions, User-Defined Functions, Accessing an Element by Its ID, Examples: Writing Text to a
Document,

23-24

Objects: Javascript objects: Maths, String ,Date, Array, Event Handling- onblur, onchange, ondbclick,
onclick, onfocus, onkeydown, onkeyup, onkeypress, onload, onunload, onmouseover, onmouseout,
onmousedown, onmouseup, onmousemove, onreset, onselect, onsubmit, JavaScript Errors and
Troubleshooting

25-27

Document Object Model: History of the DOM, Understanding the Document Object Model, DOM Node
Properties -childnodes, firstnode, lastnode, nodename, nodetype, nodevalue, parent node and
Methods: appendchild() and remove child(), createnode() and text type Node creation, node removal,
Traversing a Document's Nodes

28-30

JavaScript Objects: Built-in JavaScript Objects: Window Object properties- closed, document, history,
innnerheight, innerwidth, length, location, name, navigator, outerheight, outerwidth, parent, self,
status, window object methods- alert(), blur(), close(), focus(), open(), resizeby(), resizeto(). Navigator
object properties- appcodename, appname, appversion, cookieenabled, online, platform, useragent.
Navigator methods- javaenabled(), taintenabled.

31-33

History object properties- length, history object methods- back(), forward(), go(). Location object
properties- host, hostname, href, path name, port, protocol, search, history object methods- assign(),
reload(), replace() Document Object properties- inner HTML, Document Object methods- write(),
getElementByID(), get ElementByTagName(), createElement(), CreateTextNode().

34-36

Form Object, User-Created Objects; The Self Object; Using Other Windows, Images, Working with Forms,
Dynamic HTML Tricks
ST-2 (LECTURE NO. 19-36)
ST-3 (LECTURE NO. 1-36)

Page 2 of 4

5.

Evaluation Scheme:

Component 1*

Sessional Tests (STs)*

40

Component 2**

End Term Examination**

60

Total

100

* There are three Sessional Tests (STs) for all theory papers. Average of best two shall be considered.
** The End Term Comprehensive examination will be held at the end of semester. The mandatory requirement
of 75% attendance in all theory classes is to be met for being eligible to appear in this component.
SYLLABUS
Contents
Web Programming and HTML: Introduction to web programming, Basics of
HTML, understanding Document - Tags

Lectures
1

Weightage(%age)
2

TEXT: Methods of formatting text: font tag, inline text attribute, Bold and
italic, super script, subscript
Lists: Ordered, Unordered, Definition Lists and introduction to LINK, Links:
The anchor element. Internal linking and external linking Attribute- href,
Target, Name
Images: Image basics, image tag Image alignment, image map, tags (img
map, area) respective all Attributes,

Table and Frame in HTML: Table: Tag, width and alignment, Cell spacing
and Cell padding, Cell alignment, Borders and rules , Rows, cells, Rowspan
and Colspan attributes, Header, Footer and body sections, Captions and
Background images in tables

Forms: Creating a Basic Form Add a Text Box to a Form, Add Check Boxes to
a Form, radio buttons, Adding Password, Pull down menus to a form , Use
of clickable image as a submit button, Pass information between forms
(action ,method), meta data

HTML Frames: Introduction to Frameset Tag , Frame Tag

DHTML & CSS: Introduction, Technologies of DHTML - CSS and JavaScript,

CSS: Syntax, CSS Id and Class

Ways to Insert CSS: External Style Sheet, Internal Style Sheet, Inline Styles,
CSS Background, Background Color Background Image: - Repeat
Horizontally or Vertically, Set position and no-repeat, CSS Text: Text Color,
Text Alignment, Text Decoration

Font: Style, Family, Size, CSS Tables: Table Borders, Collapse Borders, Table
Width and Height ,Table Text Alignment, Table Padding, Table Color, CSS
Border: Style, Width, Color, CSS Margin: Margin, Padding

JavaScript Introduction: History of JavaScript, Different Implementations,

Determining the Document Object Model, Uses for JavaScript,
Incorporating JavaScript in Your Documents

The JavaScript Language: Basic JavaScript Syntax, Data Types and Variables,
Calculations and Operators.

Page 3 of 4

Control Structures: Do While, While, For and For In, If Else, Switch, Break
and Continue; Labels, Built-in Functions, User-Defined Functions

Objects: Built-in Objects, User-Created Objects; Event Handling, JavaScript

Errors and Troubleshooting

Document Object Model: History of the DOM, Understanding the

Document Object Model, DOM Node Properties and Methods, Traversing a
Document's Nodes, Changing Nodes

JavaScript Objects: Built-in JavaScript Objects: Window Object, Document

Object, Form Object, Location Object, History Object

The Self Object; Accessing an Element by Its ID. Examples: Writing Text to a
Document, Using Other Windows, Images, Working with Forms, Dynamic
HTML Tricks

This Document is approved by:

Designation

Name

Course Coordinator

Er. Saravjeet Singh

Program In charge

Er. Sudha Goyal

Deputy Dean

Er. Meenu Khurana

Revision Date

July 25, 2014

Revision Number

Signature

Page 4 of 4