LAB Evaluation

Name of Presence Date Conduction Writing of Checking Via VA Total Faculty

Experiment in the of Experiment of Marks Signature
practical Experiment Practical Practical
Copy copy

Marks (1) (3) (2) (1) (3) (10)

Expt. 1
Expt. 2
Expt. 3
Expt. 4
Expt.5

Expt. 6

Expt. 7
Expt. 8
Expt. 9
Expt. 10
Expt. 11
Expt. 12
Expt. 13
Expt. 14
Total
Sessional
Scored by
the Student
Web Development Lab Roll no. 16EGJCS162

List of Experiments
S. No. Experiments to be Conducted
Exp:- 1

Exp:- 2

Exp:- 3

Exp:- 4

Exp:- 5

Exp:- 6

Exp:- 7

Exp:- 8

Exp:- 9

Exp:-10

Page | 2
Web Development Lab Roll no. 16EGJCS162

COURSE OBJECTIVES CONTRIBUTION TO PROGRAM OUTCOMES

COURSE OBJECTIVE PROGRAM OUTCOME

1) Apply the knowledge to manage and to
handle web site design and development to a) Graduates will demonstrate an ability to
solve the real world problems. identify formulate and solve the web based
2) Gain a reputed designation as good web problems.
designer and web developer ethically by b) Ability to apply conceptual skills of web
applying advance web technologies. site design and development.
3) Be successfully accepted in future’s c) Graduate can participate and succeed in
development scenario as an engineering Competitive examinations like GATE etc.
d) Graduate will show the understanding of
graduate pursuit of lifelong learning.
impact of Computer engineering
4) Exhibit team spirit management &
solutions on the society and also be aware
effective communication dealings. of contemporary issues.

Course Outcomes (student learning outcomes)

Graduate of the program will:

1. Demonstrate an understanding of Web Development Lab.

2. They are able to understand the difference among the various scripting languages.
3. Demonstrate proficiency in using web site design and development according to
market demand.
4. Can show their ability to apply conceptual skills of Web Site Design and
Development.
5. Graduates will show interest towards the development of different modern and
efficient tool.
6. Graduates will able to know about the HTML, CSS, VB Script, Java Script, Apache
Web Server, Internet Information Server, Active X Controls, JSP, ASP, Java Servlets,
PHP, Ajax Programming, Web Services

Page | 3
Web Development Lab Roll no. 16EGJCS162

Experiment 1
Q. 1 What is HTML. Explain popular tags used in web page designing.

Ans. - - HTML stands for Hyper Text Markup Language.HTML is the standard

markup language for Web pages.HTML elements are the building blocks of HTML
pages.HTML elements are represented by <> tags.These elements are written inside the
tags.<> represents starting tag and </> represents ending of a tag.HTML describes the
structure of a Web page.HTML consists of a series of elements.HTML elements tell the
browser how to display the content.

Tags in HTML->

1. Underline tag: It is used to set the content underline.

Syntax : <u> Statements... </u>

2. Template tag: The <template> tag holds its content hidden from the
user.Content inside a <template> tag will not be rendered.Use the <template> tag
when you have HTML code you want to use over and over again, but not until you
ask for it.

Syntax : <template> statements ….</template>

3. Center tag : The <center> tag is used to center-align text.

Syntax : <center>statements…</center>

4. List tag: It is used to list the content.

Syntax: <li> Statements... </li>

5. Horizontal rule tag: It is used to display the horizontal line in html document.

Syntax: <hr/>

Q. 2 Differentiate Client side scripting and server side scripting with the help of
example.

Ans. -

BASIS FOR SERVER-SIDE SCRIPTING CLIENT-SIDE SCRIPTING

Page | 4
Web Development Lab Roll no. 16EGJCS162

COMPARISON

Basic Works in the back end which could Works at the front end and

not be visible at the client end. script are visible among the

users.

Processing Requires server interaction. Does not need interaction with

the server.

Languages involved PHP, ASP.net, Ruby on Rails, HTML, CSS, JavaScript, etc.

ColdFusion, Python, etcetera.

Affect Could effectively customize the web Can reduce the load to the

pages and provide dynamic websites. server.

Security Relatively secure. Insecure

Q. 3 Explain the procedure to design HTML pages (e.g. Editors, Browsers, page
format)

Ans. –

To design a HTML page follow these steps:-

1.Open any editor present in your pc or laptop like Notepad,Notepad++ etc.

2. Write HTML code.

3. Save with .html or .htm extention.

4. Now open the file with browser(crome,Microsoft edge,mozilla) present in your desktop.

Q. 4 Assignment 1 – It has 3 tasks, you have to write the code and output snapshot
after each task.

Page | 5
Web Development Lab Roll no. 16EGJCS162

Task 1 – Design the below page with the help of HTML. (Sample output)

Sol. –

<html>

<head><title>Combining lists</title>

</head>

<body>

<h1><b>Countries and Cities</b></h1>

<ol type="I">

<li>USA</li>

a. Detroit<br>

b.Seattle

<li>Norway</li>

a.Oslo<br>

b.Trondiem

Page | 6
Web Development Lab Roll no. 16EGJCS162

<li>Italy</li>

a.Rome<br>

b.Venize

</ol>

</body></html>

Task 2 Design the below page with the help of HTML. Create Page1, Page2,
Page3 to link below page. Add relevant information to the pages.

Page | 7
Web Development Lab Roll no. 16EGJCS162

Sol. –

Main page-

<html>

<head><title>page with links</title>

</head>

<body>

<h1><b>Here is where i am learning HTML</b></h1>

<p>

The following links are the parts of the my learning process

<br>

<a href ="C:\Users\user\Desktop\html(new)\new1.html">link to page 1</a>

<br>

<a href ="C:\Users\user\Desktop\html(new)\new2.html">link to page 2</a>

<br>

<a href ="C:\Users\user\Desktop\html(new)\new3.html">link to page 3</a>

<br>

</p>

</body>

</html>

Page | 8
Web Development Lab Roll no. 16EGJCS162

First page-

<html>

<head>

</head>

<body>

<h1>page 1</h1>

<p>

<a href="C:\Users\user\Desktop\html(new)\task2.html">back to home page</a></p>

</body>

</html>

Page | 9
Web Development Lab Roll no. 16EGJCS162

Second page-

<html>

<head>

</head>

<body>

<h1>page 2</h1>

<p>

<a href="C:\Users\user\Desktop\html(new)\task2.html">back to home page</a>

</p></body>

</html>

Page | 10
Web Development Lab Roll no. 16EGJCS162

Third page-

<html>

<head>

</head>

<body>

<h1>page 3</h1>

<p>

<a href="C:\Users\user\Desktop\html(new)\task2.html">back to home page</a>

</p></body>

</html>

Page | 11
Web Development Lab Roll no. 16EGJCS162

Task 3 – Create a webpage in HTML with the help of following instructions

1. A title for the browser

2. A title for your web page

3. 5 HTML paragraphs with relevant information about your web page.

4. A heading for each paragraph

5. An unordered list of 3 items in the first paragraph

6. An ordered list of 3 items in the third paragraph. All the text should be in italics

7. Go back to step 4 and add another list item which will be a link. Create a link with the
text Here's the link to my favourite website. Make sure that the link directs users
to your favourite website

8. After Paragraphs 5, insert an image of your choice and make it hyperlink (clickable)
to relevant website.

9. At the end of the main body text, use the appropriate character entity to include a
copyright symbol with your name, roll no., branch and year.

Sol.

Page | 12
Web Development Lab Roll no. 16EGJCS162

<html>

<head><title>This is my page</title>

<h1><b>What to write for the link</b></h1></head>

<body>

<h3>Heading 1</h3>

<p>There are couple different schools of thought on this .One suggests that what you
write for links should be quite blatant.this includes text like"Click here for this" or "Here is
alink to..."</p>

<p> . Item 1<br>

. Item 2<br>

. Item 3<br>

. <a href="https://www.google.com">Here is link to my favorite website</a>

</p>

<h3>Heading 2</h3>

<p>the other states that since the hypertext links will be blue ,the links should be just
another word in the text set up as a link</p>

<h3>Heading 3</h3>

<p> In reality it depends what you are doing .If you are building a menu bar down
the side of your page(like those which appear on the left hand side of this page) then the
last thing you want is for every link to say"click here for HTML Primer 1-an introduction
",simply your menu would be as wide as your page..</p>

<ol type="1"><i>

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

Page | 13
Web Development Lab Roll no. 16EGJCS162

</i>

</ol>

<h3>Heading 4</h3>

<p> For accessiblity reasons you should try make sure your links make sense out of
context--disabled people navigating your page can jump around hyperlinks using the "tab"
key (there should be one on the left of your keyboard too).</p>

<h3>Heading 5</h3>

<p>If they have skipped directly to your hyperlink which says "here" then they won't
know what it's about.If they skip to one that says "HTML Primer: Introduction" then they
should know whether or not they want to click.</p>

<a href="https://www.ferrari.com"><img src ="C:\Users\user\Downloads\alex-

suprun-A53o1drQS2k-unsplash.jpg" alt="error" width="300" heigth="300"></a>

</body></html>

Page | 14
Web Development Lab Roll no. 16EGJCS162

Page | 15