RUNGTA COLLEGE OF ENGINEERING & TECHNOLOGY

DEPARTMENT OF Computer Science and Engineering

LAB MANUAL
Internet and Web Technology LAB
SEMESTER <7th>

RUNGTA COLLEGE
Rungta Educational Campus,
Kohka-Kurud Road, Bhilai,
Chhattisgarh, India
Phone No. 0788-6666666
MANAGED BY : SANTOSH RUNGTA GROUP OF INSTITUTIONS
 RUNGTA COLLEGE OF ENGINEERING & TECHNOLOGY
DEPARTMENT OF Computer Science and Engineering

LAB MANUAL

Internet and Web Technology

LAB
SEMESTER <7th>

PREPARED AS PER THE SYLLABUS PRESCRIBED BY

CHHATTISGARH SWAMI VIVEKANAND TECHNICAL UNIVERSITY, BHILAI

 List of DOs & DON’Ts.

(Give instructions as per < Name Of The Department > Laboratories)

DOs:

▪ Remove your shoes outside the laboratory.

▪ Come prepared in the lab regarding the experiment to be performed in the lab.

▪ Take help from the Manual / Work Book for preparation of the experiment.

▪ For any abnormal working of the machine consult the Faculty In-charge/ Lab Assistant.

▪ Shut down the machine and switch off the power supply after performing the experiment.

▪ Maintain silence and proper discipline in the lab.

▪ Enter your machine number in the Login register.

DON’Ts :

▪ Do not bring any magnetic material in the lab.

▪ Do not eat or drink any thing in the lab.

▪ Do not tamper the instruments in the Lab and do not disturb their settings.
 LIST OF EXPERIMENTS
AS PER THE SYLLABUS PRESCRIBED BY THE UNIVERSITY
Program / Semester: B.Tech (VII) Branch: Computer Science &Engineering
Subject: Internet and Web Technology Lab Course Code: D022722(022)
Total / Minimum-Pass Marks(End Semester L: 0 T: 0 P: 2 Credits: 1
Exam):40 / 20

S.NO. List Of Experiments

1. To Develop and demonstrate a XHTML document that illustrates the use external style sheet, ordered
list, table, borders, padding, color, and the <span> tag.
To Develop and demonstrate a XHTML file that includes JavaScript script for the following problems:

a) Input: A number n obtained using prompt, Output: The first n Fibonacci numbers
2
b) Input: A number n obtained using prompt, Output: A table of numbers from 1 to n and their
squares using alert

To Develop and demonstrate a XHTML file that includes Javascript script that uses functions for the
following problems:
3
a) Parameter: A string, Output: The position in the string of the left-most vowel

b) Parameter: A number, Output: The number with its digits in the reverse order

To Develop and demonstrate, using Javascript script, a XHTML document that collects the RollNo ( the
valid format is: A digit from 1 to 4 followed by two upper-case characters followed by two digits
followed by two upper-case characters followed by three digits; no embedded spaces allowed- e.g.
4
1AB23CD356, 1GC13CS345) of the user. Event handler must be included for the form element that
collects this information to validate the input. Messages in the alert windows must be produced when
errors are detected.

5 To Modify the above program to get the current semester also (restricted to be a number from 1 to 8)
 To Develop and demonstrate, using JavaScript script, a XHTML document that contains three short
paragraphs of text, stacked on top of each other, with only enough of each showing so that the
6
mouse cursor can be placed over some part of them. When the cursor is placed over the exposed
part of any paragraph, it should rise to the top to become completely visible.

To Modify the above document so that when a paragraph is moved from the top stacking position, it
7 returns to its original position rather than to the bottom

To Design an XML document to store information about a student in an engineering college affiliated to
8 CSVTU. The information must include RollNo, Name, Name of the College, Branch, Year of Joining,
and e-mail id. Make up sample data for 5 students. Create a CSS style sheet and use it to display the
document.

To Create an XSLT style sheet for one student element of the above document and use it to create a
9
display of that element.

To Write a Perl program to display various Server Information like Server Name, Server Software, Server
10
protocol, CGI Revision etc.

To Write a Perl program to accept UNIX command from a HTML form and to display the output of the
11
command executed.

12 To Write a Perl program to accept the User Name and display a greeting message randomly chosen from
a list of 4 greeting messages.

To Write a Perl program to keep track of the number of visitors visiting the web page and to display this
13
count of visitors, with proper headings.

14 To Write a Perl program to display a digital clock which displays the current time of the server.

To Write a Perl program to insert name and age information entered by the user into a table created
15
using MySQL and to display the current contents of this table.

To Write a PHP program to store current date-time in a COOKIE and display the “Last visited on” date-
16
time on the web page upon reopening of the same page.
 To Write a PHP program to store page views count in SESSION, to increment the count on each refresh,
17
and to show the count on web page.

Create a XHTML form with Name, Address Line 1, Address Line 2, and E-mail text fields. On submitting,
18 store the values in MySQL table. Retrieve and display the data based on Name.
 Experiment-1
Aim-To Develop and demonstrate a XHTML document that illustrates the use external style sheet,
ordered list, table, borders, padding, color, and the <span> tag.

p,table,li, // mystyle.css
{
font-family: "lucida calligraphy", arial, 'sans serif';
margin-left: 10pt;
}

p { word-spacing: 5px; }

body { background-color:rgb(200,255,205); }

p,li,td { font-size: 75%;}

td { padding: 0.5cm; }
th {
text-align:center;
font-size: 85%;
}

h1, h2, h3, hr {color:#483d8b;}

table
{
border-style: outset;
background-color: rgb(100,255,105);
}

li {list-style-type: lower-roman;}

span
{
color:blue;
background-color:pink;
font-size: 29pt;
font-style: italic;
font-weight: bold;
}
<?xml version = "1.0" encoding = "utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head> <!-- lab1.html -->
<link rel="stylesheet" type="text/css" href="mystyle.css" />
<title> Lab program1 </title>
</head>
<body>
<h1>This header is 36 pt</h1>
<h2>This header is blue</h2>
<p>This paragraph has a left margin of 50 pixels</p>

<table border="4" width="5%"> <!-- table with name & email -->
<tr>
<th width="204">Name </th>
<th>Email</th>
</tr>
<tr>
<td width="204">Sunil Kumar Sahu</td>
<td>[email protected]</td>
</tr>
<tr>
<td width="204">Shiv</td>
<td>[email protected]</td>
</tr>
<tr>
<td width="204">Dr.Manoj</td>
<td>[email protected]</td>
</tr>
<tr>
<td width="204">Dr.Ganesh</td>
<td>[email protected]</td>
</tr>
</table>
<hr> <!-- horizontal line -->
<ol> <!-- ordered list -->
<li> CCWT</li>
<li>Compiler Design </li>
<li>Computer Network</li>
</ol>

<p>
<span>This is a text.</span> This is a text. This is a text. This is a text.
This is a text. This is a text. This is a text. This is a text. This is a
text. <span>This is a text.</span>
</p>
</body>
</html>
Output-
 Experiment-2
Aim-To Develop and demonstrate a XHTML file that includes Javascript script for the following
problems:
a) Input: A number n obtained using prompt
Output: The first n Fibonacci numbers

<?xml version = "1.0" encoding = "utf-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<!--lab2a.htm -->

<html xmlns = "http://www.w3.org/1999/xhtml">

<body>

<script type="text/javascript">

var fib1=0,fib2=1,fib=0;
var num = prompt("Enter a number : \n", "");

if(num!=null && num>0)

{
document.write("<h1>" + num + " Fibonocci are <br></h1>");
if(num==1)
document.write("<h1> "+ fib1 + "</h1>");
else
document.write("<h1>" + fib1 + " " + fib2 + "</h1>");

for(i=3;i<=num; i++)
{
fib= fib1 + fib2;
document.write("<h1> " + fib + "</h1>");
fib1=fib2;
fib2=fib;
}
}
else
alert("No Proper Input");
</script>

</body>
</html>
Output-
b) Input: A number n obtained using prompt
Output: A table of numbers from 1 to n and their squares using alert

<?xml version = "1.0" encoding = "utf-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<!-- 2b.html
A trivial document
-->

<html xmlns = "http://www.w3.org/1999/xhtml">

<body>
<script type="text/javascript">

var num = prompt("Enter a number : \n", "");

if(num >0 && num !=null){

msgstr="Number and its Squares are \n";
for(i=1;i <= num; i++)
{
msgstr = msgstr + i + " - " + i*i + "\n";
}
alert(msgstr)
}
else
alert("No input supplied");
</script>
</body>
</html>

Web Technology Lab Manual Sunil Kumar Sahu 10

10
 Output-

Web Technology Lab Manual Sunil Kumar Sahu 11

11
 Experiment-3
Aim-To Develop and demonstrate a XHTML file that includes Javascript script that uses functions
for the following problems:
a) Parameter: A string Output: The position in the string of the left-most vowel

<?xml version = "1.0" encoding = "utf-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!-- lab3a.html -->
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
function disp(str)
{
var alphaExp = /^[a-zA-Z]+$/;
if(!str.value.match(alphaExp))
{ alert("Input should be only alphabets");
return false; }
sml=31;
text = str.value.toLowerCase();
var ia = text.indexOf("a");
if(sml > ia && ia >= 0)
{sml=ia;}
var ie = text.indexOf("e");
if(sml > ie && ie >= 0)
{sml=ie;}
var ii = text.indexOf("i");
if(sml > ii && ii >= 0)
{sml=ii;}
var io = text.indexOf("o");
if(sml > io && io >= 0)
{sml=io;}
var iu = text.indexOf("u");
if(sml > iu && iu >= 0)
{sml=iu;}
if(sml == 31)
alert("No vowel found");
else
alert("The leftmost position of the vowel is " + sml);
}
</script>
</head>
<body>
<form>
Enter a String :

Web Technology Lab Manual Sunil Kumar Sahu 12

12
<input type="text" name="strng" size = "30" maxlength="30">
<input type="button" value="Click me!" onclick="disp(strng)">
</form>
</body>
</html>

Output-

Web Technology Lab Manual Sunil Kumar Sahu 13

13
b) Parameter: A number
Output: The number with its digits in the reverse order.

<?xml version = "1.0" encoding = "utf-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!-- lab3b.html -->
<html xmlns = "http://www.w3.org/1999/xhtml">

<head>
<script type="text/javascript">
function disp(num)
{
var alphaExp = /^[0-9]+$/;
if(!num.value.match(alphaExp))
{
alert("Input should be positive numeric");
return false;
}
var rn=0, n= Number(num.value);
while(n!=0)
{
r = n%10;
n = Math.floor(n/10);
rn = rn*10 + r;
}
alert("The " + num.value + " in reverse is " + rn);
}
</script>
</head>

<body>
Enter a number :
<input type=text name=number>
<input type="button" value="Click me!" onclick="disp(number)" >
</body>
</html>

Web Technology Lab Manual Sunil Kumar Sahu 14

14
Output-

Web Technology Lab Manual Sunil Kumar Sahu 15

15
 Experiment-4
Aim- To Develop and demonstrate, using Javascript script, a XHTML document that collects the
RollNo ( the valid format is: A digit from 1 to 4 followed by two upper-case characters followed by
two digits followed by two upper-case characters followed by three digits; no embedded spaces
allowed- e.g. 1AB23CD356, 1GC13CS345) of the user. Event handler must be included for the form
element that collects this information to validate the input. Messages in the alert windows must be
produced when errors are detected.

<?xml version = "1.0" encoding = "utf-8" ?> <!-- 4.html -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<script type='text/javascript'>
function formValidator()
{
var roll= document.getElementById('req1');
alert(roll.value);
if(isCorrect(roll))
{
return true;
}
return false;
}
function isCorrect(elem1)
{
alphaExp1=/[1-4][A-Z][A-Z][0-9][0-9][A-Z][A-Z][0-9][0-9][0-9]$/
if(elem1.value.length == 0)
{
alert("Roll Number is empty");
elem1.focus();
return false;
}
else if(!elem1.value.match(alphaExp1))
{
alert("Roll Number should be in Prescribed format");
elem1.focus();
return false;
}
alert("Roll Number IS CORRECT");
return true;
}
</script>
<body>

Web Technology Lab Manual Sunil Kumar Sahu 16

16
<form onsubmit='return formValidator()'>
Enter your Roll no.in Prescribed format : <input type='text' id='req1'/>
<input type='submit' value='Check Field' />
</form>
</body>
</html>

Output-

Web Technology Lab Manual Sunil Kumar Sahu 17

17
 Experiment-5
Aim-To Modify the above program to get the current semester also (restricted to be a number from 1 to
8)

<?xml version = "1.0" encoding = "utf-8" ?> <!-- 5.html -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<script type='text/javascript'>
function formValidator()
{ var roll = document.getElementById('req1');
var sem = document.getElementById('req2');
if(isCorrect(roll))
{ if(isPerfect(sem))
return true;
}
return false;
}
function isPerfect(elem2)
{ var alphaExp2 = /[1-8]$/
if(elem2.value.length == 0)
{ alert("Semester Number is empty");
elem2.focus();
return false;
}
else if(!elem2.value.match(alphaExp2))
{ alert("Invalid Semester Number");
elem2.focus();
return false;
}
alert("Semester Number IS CORRECT");
return true;
}
function isCorrect(elem1)
{var alphaExp1 = /[1-4][A-Z][A-Z][0-9][0-9][A-Z][A-Z][0-9][0-9][0-9]$/
if(elem1.value.length == 0)
{ alert("Roll Number is empty");
elem1.focus();
return false;
}
else if(!elem1.value.match(alphaExp1))
{ alert("Roll Number should be in Prescribed format");
elem1.focus();
return false; }

Web Technology Lab Manual Sunil Kumar Sahu 18

18
 alert("Roll Number IS CORRECT");
return true;
}
</script>
</head>
<body bgcolor=”aqua”>
<form onsubmit='return formValidator()'>
Enter your Roll No. in Prescribed format :
<input type='text' id='req1'/> <BR/>
Enter your Sem. in D[1-8] format :
<input type='text' id='req2'/> <BR/>
<input type='submit' value='Check Field' />
</form>
</body>
</html>

Output-

Web Technology Lab Manual Sunil Kumar Sahu 19

19
Web Technology Lab Manual Sunil Kumar Sahu 20
20
 Experiment -6
Aim-To Develop and demonstrate, using JavaScript script, a XHTML document that contains three
short paragraphs of text, stacked on top of each other, with only enough of each showing so that the
mouse cursor can be placed over some part of them. When the cursor is placed over the exposed part of
any paragraph, it should rise to the top to become completely visible.

<?xml version="1.0" encoding="utf-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Stack</title>
<script type="text/javascript">
var top='p3'
function toTop(newTop)
{ domTop=document.getElementById(top).style
domNew=document.getElementById(newTop).style
domTop.zIndex="0"
domNew.zIndex="10"
top=newTop
}
</script>
<style type="text/css">
.para1{position:absolute;top:10;left:120;z-index:0;
border:solid;padding:80; width:300;background-color:aqua;}
.para2{position:absolute;top:50;left:150;z-index:0;
border:solid;padding:80; width:300;background-color:yellow; }
.para3{position:absolute;top:100;left:180;z-index:0;
border:solid;padding:80; width:300;background-color:red; }
</style>
</head>
<body>
<p class="para1" id="p1" onmouseover="toTop('p1')"> Frame One </p>
<p class="para2" id="p2" onmouseover="toTop('p2')"> Frame Three </p>
<p class="para3" id="p3" onmouseover="toTop('p3')"> Frame Two </p>
</body>
</html>

Web Technology Lab Manual Sunil Kumar Sahu 21

21
Output-

Web Technology Lab Manual Sunil Kumar Sahu 22

22
 Experiment-7
Aim-To Modify the above document so that when a paragraph is moved from
the top stacking position, it returns to its original position rather than to the
bottom
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Stack</title>
<script type="text/javascript">
var top='p3'
function toTop(newTop)
{ domTop=document.getElementById(top).style
domNew=document.getElementById(newTop).style
domTop.zIndex="0"
domNew.zIndex="10"
top=newTop
}
</script>
<style type="text/css">
.para1{position:absolute;top:10;left:120;z-index:0;
border:solid;padding:80; width:300;background-color:aqua;}
.para2{position:absolute;top:50;left:150;z-index:0;
border:solid;padding:80; width:300;background-color:yellow; }
.para3{position:absolute;top:100;left:180;z-index:0;
border:solid;padding:80; width:300;background-color:red; }
</style>
</head>
<body>
<p class="para1" id="p1" onmouseover="toTop('p1')"
onmouseout="toTop('p2')"> Frame One </p>
<p class="para3" id="p3" onmouseover="toTop('p3')"
onmouseout="toTop('p2')"> Frame Two </p>
<p class="para2" id="p2" onmouseover="toTop('p2')"
onmouseout="toTop('p2')"> Frame Three </p>
</body>
</html>
Output-

Web Technology Lab Manual Sunil Kumar Sahu 23

23
Web Technology Lab Manual Sunil Kumar Sahu 24
24
 Experiment-8
Aim-To Design an XML document to store information about a student in an engineering college
affiliated to CSVTU. The information must include RollNo, Name, Name of the College, Brach, Year
of Joining, and e-mail id. Make up sample data for 5 students. Create a CSS style sheet and use it to
display the document.

<?xml version = "1.0"?>

<?xml-stylesheet type = "text/xsl" href = "8.xsl" ?>
<students>
<STUDENT>
<USN>USN : 3GN16CS002</USN>
<NAME>NAME : ABHISHEK MALI</NAME>
<COLLEGE>COLLEGE : GNDECB</COLLEGE>
<BRANCH>BRANCH :CSE</BRANCH>
<YEAR>YEAR : 2019</YEAR>
<EMAIL>E-MAIL : [email protected]</EMAIL>
</STUDENT>

<STUDENT>
<USN>USN : 3GN16CS029</USN>
<NAME>NAME : KESHAV POLA</NAME>
<COLLEGE>COLLEGE : GNDECB</COLLEGE>
<BRANCH>BRANCH :CSE</BRANCH>
<YEAR>YEAR : 2019</YEAR>
<EMAIL>E-MAIL : [email protected]</EMAIL>
</STUDENT>

<STUDENT>
<USN>USN : 3GN16CS027</USN>
<NAME>NAME : KARAN DANGE</NAME>
<COLLEGE>COLLEGE : GNDECB</COLLEGE>
<BRANCH>BRANCH :CSE</BRANCH>
<YEAR>YEAR : 2019</YEAR>
<EMAIL>E-MAIL : [email protected]</EMAIL>
</STUDENT>

</students>

Web Technology Lab Manual Sunil Kumar Sahu 25

25
<?xml version = "1.0"?> <!-- 8.xsl -->
<xsl:stylesheet version = "1.0"
xmlns:xsl = "http://www.w3.org/1999/XSL/Transform"
xmlns = "http://www.w3.org/1999/xhtml" >
<xsl:template match = "students">
<h2> CSVTU Students' Descriptions </h2>
<xsl:for-each select = "CSVTU">
<span style = "font-style: italic; color: blue;"> Roll No </span>
<xsl:value-of select = "USN" /> <br />
<span style = "font-style: italic; color: blue;"> Name: </span>
<xsl:value-of select = "name" /> <br />
<span style = "font-style: italic; color: blue;"> College: </span>
<xsl:value-of select = "college" /> <br />
<span style = "font-style: italic; color: blue;"> Branch: </span>
<xsl:value-of select = "branch" /> <br />
<span style = "font-style: italic; color: blue;"> Year of Join: </span>
<xsl:value-of select = "YOJ" /> <br />
<span style = "font-style: italic; color: blue;"> E-Mail: </span>
<xsl:value-of select = "email" /> <br /> <br />
</xsl:for-each>
</xsl:template>
</xsl:stylesheet>

OUTPUT:

Web Technology Lab Manual Sunil Kumar Sahu 26

26
 Experiment-9
Aim- To Create an XSLT style sheet for one student element of the above document and use it to create a
display of that element.
<?xml version = "1.0"?>
<!-- 9.xml -->

<?xml:stylesheet type = "text/xsl" href = "9.xsl" ?>

<CSVTU>
<Roll No> 1RN08ISE </ Roll No >
<name>Sunil Kumar Sahu </name>
<college> RCET </college>
<branch> CSE </branch>
<YOJ> 2007 </YOJ>
<email> [email protected]</email>
</CSVTU>

<?xml version = "1.0"?>

<!-- 9.xsl An XSLT Stylesheet for 5b.xml using templates -->
<xsl:stylesheet version = "1.0"
xmlns:xsl = "http://www.w3.org/1999/XSL/Transform"
xmlns = "http://www.w3.org/1999/xhtml">

<xsl:template match = "CSVTU">

<html><head><title> Style sheet for 9.xml </title>
</head><body>
<h2> CSVTU Student Description </h2>
<span style = "font-style: italic; color: blue;"> Roll No:
</span>
<xsl:value-of select = "Roll No" /> <br />
<span style = "font-style: italic; color: blue;"> Name:
</span>
<xsl:value-of select = "name" /> <br />
<span style = "font-style: italic; color: blue;"> College:
</span>
<xsl:value-of select = "college" /> <br />
<span style = "font-style: italic; color: blue;"> Branch:
</span>
<xsl:value-of select = "branch" /> <br />
<span style = "font-style: italic; color: blue;"> Year of Join:
</span>
<xsl:value-of select = "YOJ" /> <br />
<span style = "font-style: italic; color: blue;"> E-Mail:
</span>
<xsl:value-of select = "email" /> <br />

Web Technology Lab Manual Sunil Kumar Sahu 27

27
 </body></html>
</xsl:template>
</xsl:stylesheet>

output:

Web Technology Lab Manual Sunil Kumar Sahu 28

28
 Experiment-10
Aim-To Write a Perl program to display various Server Information like Server Name, Server Software,
Server protocol, CGI Revision etc.

#!/usr/bin/perl
use CGI':standard'; # 10.pl
print "content-type:text/html","\n\n";
print "<html>\n";
print "<head> <title> About this server </title> </head>\n";
print "<body><h1> About this server </h1>","\n";
print "<hr>";
print "Server name :",$ENV{'SERVER_NAME'},"<br>"; print
"Running on port :",$ENV{'SERVER_PORT'},"<br>"; print
"Server Software :",$ENV{'SERVER_SOFTWARE'},"<br>"; print
"CGI-Revision :",$ENV{'GATEWAY_INTERFACE'},"<br>"; print
"<hr>\n";
print "</body></html>\n";
exit(0);

Output-

Web Technology Lab Manual Sunil Kumar Sahu 29

29
 Experiment-11
Aim-To Write a Perl program to accept UNIX command from a HTML form and to display the output of
the command executed.

<html> <!-- 11.html -->

<body>
<form action="http://localhost/11.pl">
<input type="text" name="com">
<input type="submit" value="Submit">
</form>
</html>

#!/usr/bin/perl
use CGI':standard'; # 11.pl
print "content type: text/html \n\n";
$c=param('com');
system($c);
exit(0);

Output-

Web Technology Lab Manual Sunil Kumar Sahu 30

30
Web Technology Lab Manual Sunil Kumar Sahu 31
31
 Experiment-12
Aim- Write a Perl program to accept the User Name and display a greeting message randomly chosen
from a list of 4 greeting messages.

#!/usr/bin/perl
use CGI ':standard';
use CGI::Carp qw(warningsToBrowser);
@coins = ("Welcome to Web Programming Lab","Have a nice time in lab",
"Practice all the programs", "well done Good Day");
$range = 4;
$random_number = int(rand($range));
if(param)
{
print header();
print start_html(-title=>"User Name",-bgcolor=>"Pink",-text=>"blue");
$cmd=param("name");
print b("Hello $cmd, $coins[$random_number]"),br();
print start_form();
print submit(-value=>"Back");
print end_form();
print end_html();
}
else
{
print header();
print start_html(-title=>"Enter user name",-bgcolor=>"yellow",-
text=>"blue");
print start_form(),textfield(-name=>"name",-value=>" "), submit(-
name=>"submit",-value=>"Submit"),reset();
print end_form();
print end_html();
}

Web Technology Lab Manual Sunil Kumar Sahu 32

32
 Output-

Web Technology Lab Manual Sunil Kumar Sahu 33

33
 Experiment-13
Aim-To Write a Perl program to keep track of the number of visitors visiting the web page and to display
this count of visitors, with proper headings.

#!/usr/bin/perl
use CGI ':standard';
use CGI::Carp qw(warningsToBrowser);

print header();
print start_html(-title=>"WebPage Counter", -
bgcolor=>"Pink",-text=>"blue");

open(FILE,'<count.txt');
$count=<FILE>;
close(FILE);

$count++;
open(FILE,'>count.txt');
print FILE "$count";
print b("This page has been viewed $count times");
close(FILE);
print end_html();

Output-

Web Technology Lab Manual Sunil Kumar Sahu 34

34
 Experiment-14
Aim-To Write a Perl program to display a digital clock which displays the current time of the server.

#!/usr/bin/perl

use CGI ':standard';

print "Refresh: 1\n";
print "Content-Type: text/html\n\n";

print start_html(-title=>"Program 8",-bgcolor=>"Black",-text=>"white");

($s,$m,$h)=localtime(time);

print br,br,"The current system time is $h:$m:$s";

print br,br,hr,"In words $h hours $m minutes $s seconds";
print end_html;

Output-

Web Technology Lab Manual Sunil Kumar Sahu 35

35
 Experiment-15
Aim-To Write a Perl program to insert name and age information entered by the user into a table
created using MySQL and to display the current contents of this table.

#! /usr/bin/perl

print "Content-type: text/html\n\n";

print "<HTML><TITLE>Result of the insert operation </TITLE>";
use CGI ':standard';
use DBI;
$dbh=DBI->connect("DBI:mysql:satish","root","ghalige");
$name=param("name");
$age=param("age");
$qh=$dbh->prepare("insert into stud values('$name','$age')");
$qh->execute();
$qh=$dbh->prepare("Select * from stud");
$qh->execute();
print "<table border size=1><tr><th>Name</th><th>Age</th></tr>";

while ( ($name,$age)=$qh->fetchrow())
{
print "<tr><td>$name</td><td>$age</td></tr>";
}

print "</table>";
$qh->finish();
$dbh->disconnect();
print"</HTML>";

<html>
<body>
<form action="http://localhost/9.pl">
Name : <input type="text" name="name"> <br>
Age :<input type="text" name="age"> <br>
<input type="submit" value="Submit">
</form>
</html>

Web Technology Lab Manual Sunil Kumar Sahu 36

36
 Rungta College of Engineering & Technology

Department of Computer Science & Engineering

Output-

Web Technology Lab Manual Sunil Kumar Sahu 37

 Rungta College of Engineering & Technology

Department of Computer Science & Engineering

Experiment-16
Aim-To Write a PHP program to store current date-time in a COOKIE and display the ‘Last visited on’
date-time on the web page upon reopening of the same page.

<?php
date_default_timezone_set('Asia/Calcutta');

//Calculate 60 days in the future

//seconds * minutes * hours * days + current time

$inTwoMonths = 60 * 60 * 24 * 60 + time();

setcookie('lastVisit', date("G:i - m/d/y"), $inTwoMonths);

if(isset($_COOKIE['lastVisit']))
{
$visit = $_COOKIE['lastVisit'];
echo "Your last visit was - ". $visit;
}
else

echo "You've got some stale cookies!";

?>
Output-

Web Technology Lab Manual Sunil Kumar Sahu 38

38
 Rungta College of Engineering & Technology

Department of Computer Science & Engineering

Web Technology Lab Manual Sunil Kumar Sahu 39

39
 Rungta College of Engineering & Technology

Department of Computer Science & Engineering

Experiment-17
Aim-To Write a PHP program to store page views count in SESSION, to increment the count on each
refresh, and to show the count on web page.

<?php session_start();
session_register("count");

if (!isset($_SESSION))
{
$_SESSION["count"] = 0;
echo "<p>Counter initialized</p>\n";
}
else { $_SESSION["count"]++; }

echo "<p>The counter is now <b>$_SESSION[count]</b></p>".

"<p>reload this page to increment</p>";
?>

Output-

Web Technology Lab Manual Sunil Kumar Sahu 40

40
 Rungta College of Engineering & Technology

Department of Computer Science & Engineering

Experiment-18
Aim-To Create a XHTML form with Name, Address Line 1, Address Line 2, and E-mail text fields. On
submitting, store the values in MySQL table. Retrieve and display the data based on Name.

<html> <-- 12a.php -->

<body>
<?php
$self = $_SERVER['PHP_SELF'];

$dbh = mysql_connect('localhost', 'root', 'satish1') or

die(mysql_error());
mysql_select_db('satish') or die(mysql_error());

if(isset($_POST['name']))
{
$nme = $_POST['name'];
$ad1 = $_POST['add1'];
$ad2 = $_POST['add2'];
$eml = $_POST['email'];
if($nme != "" && $ad1 != "")
{
$query = "INSERT INTO contact VALUES
('$nme', '$ad1', '$ad2', '$eml')";
$result = mysql_query($query) or die(mysql_error());
}
else
echo "one of the field is empty";
}
mysql_close($dbh);

?>
<FORM ACTION="<?=$self?>" METHOD="POST">
<P>
Name: <INPUT TYPE=text NAME="name" value=""> <BR>
Address 1:<INPUT TYPE=text NAME="add1" value=""><BR>
Address 2:<INPUT TYPE=text NAME="add2" value=""><BR>
email:<INPUT TYPE=text NAME="email" value=""><BR>
<INPUT TYPE=submit>
</FORM>
</body>
</html>

Web Technology Lab Manual Sunil Kumar Sahu 40

40
 Rungta College of Engineering & Technology

Department of Computer Science & Engineering

<html> <!-- 12b.html -->

<head><title>Program 12</title></head>
<body>
<form action="12b.php" method="post">
Enter Name of the person <input type="text" name="name">
<input type=submit>
</form>
</body>
</html>

<html> <!-- 12b.php -->

<head><title>Search Result </title></head>
<body>
<h3>Search Result </h3>
<hr>
<?php
$link=mysql_connect("localhost","root","satish1");
mysql_select_db("satish");

$n=$_POST["name"];
print "Entered Name is $n \n";

$var=mysql_query("SELECT * FROM contact WHERE name like '%$n%'");

echo"<table border size=1>";

echo"<tr><th>Name</th> <th>Address 1</th> <th>Address 2</th>
<th>E-mail</th></tr>";
while ($arr=mysql_fetch_row($var))
{
echo "<tr><td>$arr[0]</td> <td>$arr[1]</td> <td>$arr[2]</td>
<td>$arr[3]</td> </tr>";
}
echo"</table>";
mysql_free_result($var);
mysql_close($link);
?>
<hr>
<form action="12b.html">
<input type="submit" value="Back">
</form>
</body>
</html>

Web Technology Lab Manual Sunil Kumar Sahu 41

41
 Rungta College of Engineering & Technology

Department of Computer Science & Engineering

Output-

Web Technology Lab Manual Sunil Kumar Sahu 42

 Rungta College of Engineering & Technology

Department of Computer Science & Engineering

Web Technology Lab Manual Sunil Kumar Sahu 43