LAB MANUAL

B.Tech (CoE, IT, AI & ML, M&C, IIoT and ECE)

SECOND SEMESTER

Engineering Graphics (Web Design)

(CSIC-102)

National Institute of Technology Kurukshetra

1
 Lab Instructions
Whether an experiment contains one or
several practicals /programs

Several ?
practicals / programs One
practical / program

• Lab Teacher forms groups of the students based on

All Students need to perform the
practical/program

• Assign all practicals /programs among all groups

• Teacher decides whether the completed practicals / programs can be appropriately described
using flow chart, algorithm, query statement, etc.
• Teacher issues necessary instructions to the students for writing practicals / programs
accordingly

• Students write experiments in practical files and get them signed by the lab teacher
• Students make entries in the list of contents of the practical files and get them signed by
the lab teacher

Whether practical has been verified

and signed by the lab teacher?
?
• If a student has not completed a practical, he/she is expected to complete it at his/her
own with the help of his/her fellow students in his/her hostel
• The student completes the practical file and submits it to the concerned teacher in
his/her office or mail box on next working day

• In case of an experiment containing several practicals, a lab teacher needs to think whether a
practical performed by the students in one group needs to be repeated by the other groups in lab on
the same day?
A practical performed by the students in one group needs to be repeated as assignments to be
completed by the students of other groups in their hostels? Here, an assignment includes both
executing a program on computer and also writing the same in practical file.

A practical performed by the students in one group needs to be repeated as assignments, only
writing practicals in their practical files, for the students of other groups in their hostels?

• Teacher issues necessary instructions to the students accordingly.

2
 3

Course Code : CSIC 102

Course Title : Engineering Graphics (Web Design)
Number of Credits : 2.5
Course Type : IC

Course Learning Objectives:

1. Introduction and brief history of World Wide Web (WWW).
2. Web essentials: HTML, XHTML, CSS.
3. Addressing web standards, client requirements and principles of web page design.
4. Introduction of Web architecture.

Course Content:

1.Introduction: Introduction to world wide web, Web Browsers, Web Servers, Hypertext
Transfer Protocol, URLs, Domain Names, Internet Service Provider, Basic steps for
Developing Website, Choosing the Contents, Planning and Designing Web Site, Creating a
Website, Web Publishing, Hosting Site, Types of hosting packages, Five Golden rules of
web designing.

2. Web essentials and standards: Clients, servers, introduction to Markup languages,

scripting languages, Introduction to elements of HTML, XHTML and CSS, Introduction to
Document object model (DOM), working with text, list, tables, frames, hyperlinks, Images,
forms and controls. CSS properties, Id and Class, Box Model.

3. Javascript: Javascript as programming language, Data types, Values, Variables,

Expressions and Operators. JavaScript Statements, loops, arrays, strings, methods,
Defining and Invoking functions and their closure, random functions and maths library,
representing dates, Pattern Matching and Regular Expressions, difference between server
side and client side javascript, embedding javascript in HTML, hiding HTML elements,
showing hidden HTML elements. DOM and event handling, error handling, mouse, text, and
keyboard events and cookies.

4. XML: XML: Introduction – benefits of XML, well formed XML documents, XML syntax,
XML declaration ,XML schema , XML with CSS, Document Type Definition (DTD),creating
DTD – Types(internal DTD, external DTD),XSL.
 4

Reference Books:
1. Thomas A Powell, HTML: The Complete Reference, Tata McGraw Hill Publications.
2. Scott Guelich, Shishir Gundavaram, Gunther Birzniek; CGI Programming with Perl
2/e,O’Reilly
3. Doug Tidwell, James Snell, Pavel Kulchenko; Programming Web Services with SOAP,
O’Reilly
4. Robert. W. Sebesta, "Programming the World Wide Web", Fourth Edition, Pearson
Education,2007.
5. Yong, XML Step by Step, PHI.
6. Chris Bales, “Web programming- Building Internet Application”.
7. Deitel, Deitel, Goldberg, "Internet & World Wide Web How To Program", Third
Edition,Pearson Education, 2006.
8. Marty Hall and Larry Brown, “Core Web Programming” Second Edition, Volume I and
II,Pearson Education, 2001.
9. Bayross Ivan, “Web Enabled Commercial Applications Development using HTML,
Javascript, DHTML & PHP”, BPB Publication, 2005.

Course outcomes
1. Knowledge of basic principles of web site design.
2. Design proficiency of websites adhering to current web standards (HTML, XML, CSS).
3.Knowledge of various scripting languages.
 5

Experiment 1: Design the following static web pages required for an online book
store web site.
i. Biodata
ii. Home Page
iii. Login Page
iv. Catalogue Page

Experiment 2: Design the following static web pages required for an online book
store web site.
i. Registration Page
ii. Cart Page

Experiment 3: Design a web page using CSS which includes the

following
i. Use different font and text styles
ii. Set a background image for both the page and single element on the page.
iii. Define styles for links
iv. Working with layers
v. Adding a Customized cursor

Experiment 4: Write a JavaScript program that prompts the user

to enter two integers. Once obtained, the program outputs
HTML text displayed in the browser indicating which number is
greater than the other. If the two numbers are equal, it displays
the message “The two numbers are equal”. The text must be
displayed within <h1> tags.

Experiment 5: Modify the JavaScript program done in Part A by changing the way
output is displayed. In this part, you are expected to output the same text in an
alert window.
 6

Experiment 6: Write a JavaScript program that asks the user to input five integer
numbers to determine the sum of the numbers and outputs the result to the
browser window. You are expected to use a while loop to perform repeated
operations. Followed by a for loop to achieve the same task.

Experiment 7: Use a one-dimensional array to solve the following problem: A

company pays its salespeople on a commission basis. The salespeople receive $200
per week plus 9 percent of their gross sales for that week. For example, a
salesperson who grosses $5000 in sales in a week receives $200 plus 9 percent of
$5000, or a total of $650. Write a script (using an array of counters) that obtains
the gross sales for each employee through an HTML form and determines how
many of the salespeople earned salaries in each of the following ranges (assume
that each salesperson's salary is truncated to an integer amount):
A. $200–299
B. $300–399
C. $400–499
D. $500–599
E. $600–699
 7

F. $700–799
G. $800–899
H. $900–999
I. $1000 and over

Experiment 7: Write a JavaScript to validate the fields of the login page.

Experiment 8: Write a JavaScript to validate the fields of the Registration page

Experiment 9: Write an XML file which will display the Book information which
includes the following: Title of the book, Author Name, ISBN number, Publisher
name, Edition and Price. Validate the above document using DTD and XML Schema.