1. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
EXPERIMENT-1
CREATE A SIMPLE HTML DOCUMENT USING BASIC TAGS
<html>
<head>
<marquee>simple html document</marquee>
</head>
<body>
<para>
<pre> body of the document starts here!</pre>
</para>
<para>
start to second paragraph!
</para>
</body>
</html>
2. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
OUTPUT
3. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
EXPERIMENT-2
TO IMPLEMENT EXTERNAL LINKING AMONGST PAGES
<html>
<head>
<b>simple html document</b>
</head>
<body>
<a href="c:documents and settingsadmndesktoplinked.html">
link to next page
</a>
</body>
</html>
4. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
OUTPUT:
5. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
6. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
EXPERIMENT-3
IMPLEMENATION OF IMAGE MAPS
<html>
<head>
MAP EXAMPLE
</HEAD>
<body>
<map name="wuthering_heights">
<area shape="rect" coords="17,17,371,528" href="C:Documents and
SettingsadmnDesktoplinked.html">
</map>
<br>
<img src="C:Documents and SettingsadmnDesktopimages1.jpg"
usemap="#wuthering_heights">
</img>
</body>
</html>
7. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
OUTPUT:
8. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
9. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
EXPERIMENT-4
TO SHOW INTERNAL LINKING AMONG PAGES
<html>
<head>
WELCOME!
</head>
<body >
<a name="top">
<table border=1 cellspacing=4 cellpadding=2 width=50% align="left">
<tr>
<font size=8>
this is top of page
</font>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<TD>
the bottom of page
</td>
<td>
<a href="#top">GOTO TOP OF PAGE</a></BR>
</TD>
</tr>
</table>
<a href="C:Documents and SettingsadmnDesktopankit2pg2.html">GO
BACK</a>
</body>
</html>
10. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
OUTPUT:
11. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
EXPERIMENT-5
CREATION OF FRAMES IN HTML
<HTML>
<FRAMESET COLS="50%,*">
<FRAME SRC="C:Documents and SettingsadmnDesktopLINK.HTML">
</FRAME>
<FRAME SRC="C:Documents and SettingsadmnDesktopLINKED.HTML">
</FRAME>
</FRAME>
</HTML>
12. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
OUTPUT:
13. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
EXPERIMENT-6
TABLE CREATION IN HTML
<html>
<head>
<font size =10 >WELCOME!</font>
</head>
<body >
<a name="top">
<table border=1 cellspacing=4 cellpadding=2 width=50% align="left">
<tr>
<th>TITLE</TH>
<th>PRICE( IN RUPEES)</th>
</tr>
<tr >
<td>THE MERCHANT OF VENICE</Td>
<td>550</td>
</tr>
<tr>
<td>JULIUS CEASER</Td>
<td>1275</td>
</tr>
<tr>
<td>A MIDNIGHT'S SUMMER DREAM</Td>
<td>995</td>
</tr>
<tr>
<td>TAMING THE SHREW</Td>
<td>199</td>
14. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
</tr>
<tr>
<td>PRINCE HAMLET</Td>
<td>999</td>
</tr>
<tr>
<td>KING LEAR</Td>
<td>899</td>
</tr>
<tr>
<a href="#top">GOTO TOP OF PAGE</a></BR>
</tr>
</table>
<a href="C:Documents and SettingsadmnDesktopankit2pg2.html">GO
BACK</a>
</body>
</html>
15. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
OUTPUT:
16. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
EXPERIMENT-7
USING LISTS IN HTML
<HTML>
<HEAD>
IMPLEMENTING LISTS
</HEAD>
<BODY><font size=6>
<ol>Beverages
<li>Coffee</li>
<li>Milk</li>
</ol>
<ul>Beverages
<li>Coffee</li>
<li>Milk</li>
</ul>
</font>
</BODY>
</HTML>
17. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
OUTPUT:
18. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
EXPERIMENT-8
FORM DESIGN IN HTML
<HTML>
<HEAD><B>
FORM DESIGN
</B>
</HEAD>
<BODY>
<form>
First name:
<input type="text" name="firstname">
<br>
Last name:
<input type="text" name="lastname">
<br>
<input type="radio" name="sex" value="male"> Male
<br>
<input type="radio" name="sex" value="female"> Female
<br>
I have a bike:
<input type="checkbox" name="vehicle" value="Bike">
<br>
I have a car:
<input type="checkbox" name="vehicle" value="Car">
<br>
I have an airplane:
<input type="checkbox" name="vehicle" value="Airplane">
<br>
<input type="button" name="button1" value="SUBMIT">
<BR>
19. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
</BODY>
</HTML>
OUTPUT:
20. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
EXPERIMENT-9
HTML WEB SITE
PAGE1:
<html>
<head>
<marquee>
<big><font size=8 color="red">ROAD TO THE CLASSICS</font></big>
</MARQUEE>
</head>
<body bgcolor="blue">
<font size=5 color="yellow" >
<pre>
This is a site that will take you back to the magic of books.
Timeless masterpieces created by the best and the most elite
of authors the world has ever layed eyes on.
REVIVE THE MAGIC of the thrills,the romances,the
tragedies,the sagas and myriad shades of life that these
books encapture.
Available in latest unabridged editions with new
prefaces and explanatory notes.
</pre></font>
<table>
<tr bgcolor="red">
<pre>
<A href="C:Documents and Settingsadmndesktoppg2.html"><b>Click for
Details</b></A>
</pre>
</tr>
<tr>
21. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
<img src="C:Documents and SettingsadmnDesktopimages2.jpg"
border=0></img>
</tr>
</table>
</body>
</html>
OUTPUT:-
22. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
PAGE 2:
<html>
<head>
<font size=8 color="yellow">
<big>AUTHORS</big></font>
</head>
<body bgcolor="green">
<table width=50% cellpadding=4 align="left" cellspacing=5>
<tr bgcolor="green">
<a href="C:Documents and SettingsadmnDesktoppg3.html">
<font size=5 color="yellow">JANE AUSTEN</font></a>
<td colspan=3>
<img src="C:Documents and SettingsadmnDesktopimages5.jpg"
border=0>
</img>
</td>
</tr>
<tr bgcolor="green">
<a href="C:Documents and SettingsadmnDesktoppg4.html">
<font size=5 color="yellow">CHARLES DICKENS</font></a>
</tr>
<tr bgcolor="green">
<a href="C:Documents and SettingsadmnDesktoppg5.html">
<font size=5 color="yellow">SHAKESPEAR</FONT></a>
</tr>
<tr bgcolor="green">
<a href="C:Documents and SettingsadmnDesktoppg6.html">
<font size=5 color="yellow">EMILY BRONTE</FONT></a>
23. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
</tr>
</table>
</body>
</html>
24. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
PAGE 3:
<html>
<head>
<font size =10 >WELCOME!</font>
</head>
<body>
<table border=1 cellspacing=4 cellpadding=2 width=50% align="left">
<tr >
<th>TITLE</TH>
<th>PRICE( IN RUPEES)</th>
</tr>
<TR>
<TD>PRIDE & PREJUDICE
<td>300</td>
</tr>
<tr>
<td>MANSFIELD PARK</Td>
<td>245</td>
</tr>
<tr>
<td>EMMA</Td>
<td>450</td>
</tr>
</table>
<a href="C:Documents and SettingsGuestDesktopridhi2pg2.html">GO
BACK</a>
</body>
</html>
25. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
PAGE 4:
<html>
<head>
<font size =10>WELCOME!</font>
</head>
<body>
<table border=1 cellspacing=4 cellpadding=2 width=50% align="left">
<tr>
<th>TITLE</TH>
26. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
<th>PRICE( IN RUPEES)</th>
</tr>
<tr>
<td>THE CHRISTMAS CAROL</Td>
<td>150</td>
</tr>
<tr>
<td>BLEAK HOUSE</Td>
<td>450</td>
</tr>
<tr>
<td>A TALE OF TWO CITIES</Td>
<td>700</td>
</tr>
</table>
<a href="C:Documents and SettingsadmnDesktopridhi2pg2.html">GO
BACK</a>
</body>
</html>
27. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
PAGE 5:
<html>
<head>
<font size =10 >WELCOME!</font>
</head>
<body >
<table border=1 cellspacing=4 cellpadding=2 width=50% align="left">
<tr>
<th>TITLE</TH>
<th>PRICE( IN RUPEES)</th>
</tr>
28. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
<tr >
<td>THE MERCHANT OF VENICE</Td>
<td>550</td>
</tr>
<tr>
<td>JULIUS CEASER</Td>
<td>1275</td>
</tr>
<tr>
<td>A MIDNIGHT'S SUMMER DREAM</Td>
<td>995</td>
</tr>
<tr>
<td>TAMING THE SHREW</Td>
<td>199</td>
</tr>
<tr>
<td>PRINCE HAMLET</Td>
<td>999</td>
</tr>
<tr>
<td>KING LEAR</Td>
<td>899</td>
</tr>
</table>
<a href="C:Documents and SettingsadmnDesktopridhi2pg2.html">GO
BACK</a>
</body>
</html>
29. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
PAGE 6:
<html>
<head>
<font size =10>WELCOME!</font>
</head>
<body>
30. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
<table border=1 cellspacing=4 cellpadding=2 width=50% align="left">
<tr>
<th>TITLE</TH>
<th>PRICE( IN RUPEES)</th>
</tr>
<tr>
<td>WUTHERING HEIGHTS</Td>
<td>1599</td>
</tr>
</table>
<a href="C:Documents and SettingsadmnDesktopridhi2pg2.html">GO
BACK</a>
</body>
</html>
31. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
EXPERIMENT-11
WRITE A PROGRAM IN JAVASCRIPT DECLARING A VARIABLE,
ASSIGNING A VALUE TO IT AND DISPLAY IT
<html>
<head>
<title>local and Global Varibles</title>
<script LANGUAGE="JavaScript">
var name1="Fred";
var name2="Ethen";
function Greet(who){
alert("Greetings,"+who);
var name2="Barney";
}
</script>
</head>
<body>
<h1>function Example:the Sequel</h1>
<p>
prepare to be greeted twice.</p>
<script LANGUAGE="JavaScript">
Greet(name1);
Greet(name2);
</script>
</body>
</html>
32. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
OUTPUT
33. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
34. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
EXPERIMENT-12
WRITE A PROGRAM WHICH SHOWS VARIOUS TYPES OF DIALOG
BOXES
<html>
<head>
<title> Alerts, confirmations, and Prompts</title>
</head>
<body>
<h1>Alerts, Confirmation, and Prompts</h1>
<hr>
Use the buttons below to test dialogs in javascript.
<hr>
<form Name="winForm">
<p><input type="button" value="Display an alert"
onClick="window.alert('This is a test alert.'); "></p>
<p><input type="button" value="Display a Confirmation"
onClick="temp= window.confirm('woud you like to confirm?');
window.status=(temp)?'confirm:ture':'confirm: false';"></p>
<p>
<input type="button" value=" display a prompt"
onClick="var temp=window.prompt('Enter some Text:', 'this is the default value');
window.status=temp;"></p>
</form>
<br>
have fun!
<hr>
</body>
</html>
35. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
36. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
OUTPUT:
37. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
38. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
EXPERIMENT-13
WRITE A PROGRAM TO SHOW VAIDATIONS IN A FORM
<html>
<head>
<title>
Form Example</title>
<script language="JavaScript">
function validate()
{
if(document.form1.yourname.value.length<1)
{
alert("please enter your full name.");
return false;
}
if(document.form1.address.value.length<3)
{
alert("please enter your address.");
return false;
}
if(document.form1.phone.value.length<3)
{
alert("please enter your phone number.");
return false;
}
return true;
}
</script>
</head>
<body>
<h1>Form Example</h1>
39. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
<p>
Enter the following information. When you Press the display button,
the data you entered wii be validated, then sent by email.</p>
<form name="form1" action="manjitbhinder@yahoo.com" ectype="text/plain"
onSubmit="return validate();">
<p><b>Name:</b><input type="text" length="20" name="yourname"></p>
<p><b>Address:</b><input type="text" length="30" name="address"></p>
<p><b>Phone:</b><input type="text" length="15" name="Phone"></p>
<p><input type="SUBMIT" value="Submit"></p>
</form>
</body>
</html>
OUTPUT:
40. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
EXPERIENT-14
WRITE A PROGRAM FOR ONLOAD AND UPLOAD EVENTS
<html>
<head>
<title>
Creating and using user defined functions</title>
<script Language="JavaScript">
var name="";
function hello(){
name=prompt('enter your name:','name');
alert('greetings' +name+', welcome to my page!');
}
function goodbye()
{
alert('Goodbye' +name+', Sorry to see you go!');
}
</script>
</head>
<body onLoad="hello();" onUnload="goodbye();">
<img src="C:Documents and SettingsAll UsersDocumentsMy PicturesSample
Pictureswater lilies.jpg">
</body>
</html>
41. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
OUTPUT:
42. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
EXPERIMNT-15
WRITE A PROGRAM TO CREATE A CUSTOMIZED PAGE
<html>
<head>
<title> Customized home page</title></head>
<body>
<script LANGUAGE="JavaScript">
first=prompt("enter your first name.");
last=prompt("enter your last name.");
title=prompt("enter a page title.");
document.write("<h1>"+title+ "</h1>");
document.write("<h2>by "+first+ " "+last+ "</h2>");
</script>
<p>this page is under construction.</p>
</body>
</html>
43. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
OUTPUT:
44. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
EXPERIMENT-16
WRITE A PROGRAM TO ASSIGN VALUES TO STRINGS AND
COMBINING THEM
<html>
<head>
<title>String Test</title>
</head>
<body>
<h1>
Scripting Test</h1>
<script LANGUAGE="JavaScript">;
test1="this is a test.";
test2="This is Only a test.";
both=test1+test2;
alert(both);
</script>
</body>
</html>
45. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
OUTPUT:
46. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
EXPERIMENT-17
WRITE A PROGRAM TO PROMPT FOR NAMES AND DISPLAY THEM.
<html>
<head>
<title>Loops Example</title>
</head>
<body>
<h1>Loop Example</h1>
<p>Enter a series of names. i will then
display them in a nifty numbered list.</p>
<script LANGUAGE="JavaScript">
names=new Array();
i=0;
do{
next=window.prompt("Enter the next name");
if(next>" "&& next!="undefined") names[i]=next;
i=i+1;
}
while(next >" " && next !="undefined");
document.write("<h2" +(names.length)+"names entered.</h2>");
document.write("<ol>");
for(i in names){
document.write("<li>" + names[i] + "<br>");
}
document.write("</ol>");
</script>
</body>
</html>
47. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
OUTPUT:
48. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
EXPERIMENT-18
WRITE A PROGRAM FOR COMPLETE DESCRIPTIVE LINKS
<html>
<head>
<title>
Descriptive Links</title>
<Script language="JavaScript">
function describe(text)
{
window.status=text;
return true;
}
function clearstatus()
{
window.status=" ";
}
</script>
</head>
<body>
<h1>
Descriptive Links</h1>
<p>
Move the mouse pointer over one of these links to view a description:</p>
<ul>
<li><a href="order.html" onMouseOver="describe('order a product');
return true;"
onMouseOut="clearstatus();">
Order Form</a>
49. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
<li><a href="email.html" onMouseOver="describe('send us a message');
return true;"
onMouseOut="clearstatus();">
Email</a>
</ul>
</body>
</html>
OUTPUT:
50. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
EXPERIMENT-19
WRITE A PROGRAM FOR FORWARD AND BACKWARD BUTTONS
<html>
<head>
<title>Graphic Back and Forward Buttons</title>
</head>
<body>
<h1>
Graphical Back and Forward Buttons
</h1>
<hr><p>
This page allows you to go back or forward to pages in the history list.
These should be equivalent to the back and forward arrow buttons in the browser's
toolbar.</p>
<hr>
<a href="JavaScript:history.back();">
<img border=0 height="20%" width="25%" src="left.bmp">
</a>
<a href="javascript:history.forward();">
<img border=0 height="20%" width="25%" src="right.bmp">
</a>
<hr>
</body>
</html>
51. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
OUTPUT:
52. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
EXPERIMENT-20
Aim: - Writing Server side programs for web pages using ASP's Request,
Response, and Application objects.
Theory: -
Response object :- The ASP Response object is used to send output to the user
from the server. The Write method of the ASP Response Object is used to send
content to the browser. For example, the following statement sends the text "Hello
World" to the browser.
Coding:-
<html>
<body>
<%
response.write("Hello World!")
%>
</body>
</html>
Request object:- The ASP Request object is used to get information from the
user.
Example as shown
Coding:-
<html>
<body>
<a href="demo_simplequerystring.asp?color=green">Example</a>
<%
Response.Write(Request.QueryString)
%
53. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
</body>
</html>
Application Object:- An application on the Web may be a group of ASP files.
The ASP files work together to perform some purpose. The Application object in
ASP is used to tie these files together.
The Application object is used to store and access variables from any page, just
like the Session object. The difference is that ALL users share one Application
object, while with Sessions there is one Session object for EACH user.
The Application object should hold information that will be used by many pages in
the application (like database connection information). This means that you can
access the information from any page. It also means that you can change the
information in one place and the changes will automatically be reflected on all
pages. Application variables are also available to all pages in one application.
Application variables are used to store information about ALL users in a specific
application.
The ASP source code can contain procedures and functions:
<html> <head> <% sub vbproc(num1,num2) response.write(num1*num2) end
sub %> </head>
<body> <p>Result: <%call vbproc(3,4)%></p> </body>
</html>
Insert the <%@ language="language" %> line above the <html> tag to write
procedures or functions in another scripting language than default:
54. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
<%@ language="javascript" %> <html> <head> <% function
jsproc(num1,num2) { Response.Write(num1*num2) } %> </head>
<body> <p>Result: <%jsproc(3,4)%></p> </body>
</html>
EXPERIMENT-21
Aim: - Writing ASP programs which make usage of Session, Server Objects
Theory: -
session object :- The Session object is used to store information about, or change
settings for a user session. Variables stored in the Session object hold information
about one single user, and are available to all pages in one application.
Example with the help of a program:-
Coding:-
<html>
<body>
<%
Response.Write(Session.SessionID)
%>
</body>
</html>
55. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
Server object:- The ASP Server object is used to access properties and methods
on the server.
Example with the help of a program:-
Coding:-
<html>
<body>
<% Set fs = Server.CreateObject("Scripting.FileSystemObject")
Set rs = fs.GetFile(Server.MapPath("demo_lastmodified.asp"))
modified = rs.DateLastModified
%>This file was last modified on: <%response.write(modified)
Set rs = Nothing
Set fs = Nothing%>
</body>
</html>
56. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
EXPERIMENT-22
Aim: - Using Database Access in ASP
Coding: -
<%
dim path
dim provider
path="C:inetpubwwwrootdb5.mdb"
provider = "Microsoft.Jet.OLEDB.4.0"
Set Con = Server.CreateObject("ADODB.Connection")
Set rec = Server.CreateObject("ADODB.Recordset")
Con.ConnectionString = path
Con.Provider=provider
Con.Open
mysql = "Select * from table1"
Set rec = Con.Execute(mysql)
while(not rec.EOF)
Response.write( rec.fields(0) )
Response.write"<h1>"& rec.fields(1) & "</h1>"
Response.write"<h1>"& rec.fields(2) & "</h1>"
rec.movenext
wend
%>
57. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
OUTPUT:
58. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
EXPERIMENT NO:23
1. FIRST PAGE OF WEBSITE STATIC WEBSITE DESIGN:
SOURCE CODE:
<html>
<body>
<div id="container">
<div id="main">
<div id="header">
<div class="header_pic"></div>
<table width="330" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center"> </td>
</tr>
<tr>
<td height="10" align="center"></td>
</tr>
<tr>
<td align="center" valign="top">
<div class="chromestyle" id="chromemenu">
<ul>
<li><a href="index.html">Home Page</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contacts</a></li>
</ul>
</div>
</td>
</tr>
</table>
</div>
59. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
<div id="body_stu">
<div class="body_text">
<div class="top_text">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><span class="style1">Welcome to our
Site</span></td>
</tr>
</table>
</div>
<div class="top_pic_box">
<!-- template allign table starts here -->
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr><td></td></tr>
<tr><td> </td></tr>
</tr>
<tr>
<td><p>A <a href="http://www.staticwebsite.com/"><strong>static website
</strong></a>is the simplest way to show your product or business online. It is the
easiest type of website to set up, but making changes to <a
href="http://www.staticwebsite.com/"><strong>static websites</strong></a>
require web programming knowledge.Static web design is best suited for sites that
will not require updates often.</p>
<p> </p>
<p><a href="http://www.staticwebsite.com"><strong>Static
website</strong></a> is also termed as Small Business Website and Brochure
Websites and usually serves with an online demonstration thus enabling us to
persuade the prospective customers to purchase our products or services. This type
of website is suitable for those who need to constitute their web presence or just
use it as a basis of intermediation to establish contact with the clients.
63. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
</div>
</div>
</body>
</html>
OUTPUT:
64. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
3. CONTACT US PAGE OF WEBSITESTATIC WEBSITE DESIGN:
SOURCE CODE:
<html>
<body>
<div id="container">
<div id="main">
<div id="header">
<div class="header_pic"></div>
<table width="330" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center"> </td>
</tr>
<tr>
<td height="10" align="center"></td>
</tr>
<tr>
<td align="center" valign="top">
<div class="chromestyle" id="chromemenu">
<ul>
65. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
<li><a href="index.html">Home Page</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contacts</a></li>
</ul>
</div>
</td>
</tr>
</table>
</div>
<div id="body_stu">
<div class="body_text">
<div class="top_text">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><span class="style1">Contact Us </span></td>
</tr>
</table>
</div>
<div class="top_pic_box">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr><td></td></tr>
<tr><td> </td></tr>
</tr>
<tr>
<td align="center" valign="top">
<form name="form1" action="contact_temp.php" method="post"
onsubmit="return validate()">
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
68. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
</div>
</div>
</div>
</body>
</html>
OUTPUT:
69. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
4. SERVICES PAGE OF WEBSITE STATIC WEBSITE DESIGN:
SOURCE CODE:
<html>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><span class="style1">Services</span></td>
</tr>
</table>
</div>
<div class="top_pic_box">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr><td width="100%"></td>
</tr>
<tr><td> </td></tr>
</tr>
<tr>
<td><p><strong>Website Design --</strong>- Do you want a web presence? The
face of your company that can be read through all over the world, we do that
exactly. We have made hundreds of websites from different domain area, may be
you are professional or own a small business or want a corporate website. We have
each and every solution for you and obviously with in the budget that you cant
imagine off. Please visit the portfolio and you can visit plenty of quality designs
over there. We will be please to contact you if you send us the requirement of
yours.</p>
<p><a href="portfolio.html">View Portfolio >></a> </p>
<p> </p>
70. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
<p><strong>Search Engine Optimisation--</strong> We offer different packages
and services for search engine optimization as well as maintenance. We took
special care of keywords and many more tweaks that a bot find the site friendly.
our team has excellent specialist who has vast knowledge in algorithms that most
commonly used by search engine. We are researching every moment to enrich our
knowledge to serve you and your business better.</p>
<p> </p>
<p><strong>Brochure Design---</strong> Getting a business or to ask for a
business is something you cannot do with out a quality brochure. Product
information and or services offered can be done by setting them by a quality
designer. A brochure is something that speaks for the first impression for your
company and we have the solution for you and obviously in a competitor price.
Please ask for a free quote Brochure.</p>
<p>View Portfolio >> </p>
<p> </p>
<p><strong>Ebook Cover--</strong> Now a Days ebook is gaining more
popularity in the web world. If you are planning to launch a new ebook in your site
it is very important to placed the ebook in sucah a way that it attracts customer and
for that you need to design the cover to attract customer. Our team is expertise in
making this ebook cover and experienced too. Lot of our satisfying customer came
again and again to develop ebook cover from us. </p>
<p>View Portfolio >> </p>
<p> </p>
<p><strong>Admin Support --</strong> Our team specialisas in administrative
support job to handle all your needs which includes tasks like, Internet research ,
Data entry, Data mining,OCR,Form filling,Online post,Mailing list
development,PDF Conversion, Collect information for e-mail campaigning
etc.</p>
<p> </p>
</table>
72. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
EXPERIMENT NO: 24
AIM: Write php code to illustrate the use of if-else statement.
PROGRAM:
<html>
<body>
<form action=if.php>
Enter a:<input type=text name='t1'><br>
Enter b:<input type=text name='t2'><br>
<input type=submit>
</form>
</body>
</html>
if.php
<?php
$a=$_GET['t1'];
$b=$_GET['t2'];
echo"The greater one is:";
if($a>$b)
{
echo $a;
}
else
echo $b;
?>
73. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
OUTPUT:
74. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1
EXPERIMENT NO: 25
AIM: Write php code to illustrate use of for loop.
PROGRAM:
<?php
for($i=1; $i<=10; $i++)
{
echo"<br>", $i;
}
?>
OUTPUT:
75. INSTITUTE OF ENGINEERING AND TECHONOLOGY, BHADDAL
DEPARTMENT OF INFORMATION TECHNOLOGY
Subject: Web Administration Subject Code: IT-324
College Roll No: IT/10/10605 Univ. Roll No: 100420825160
Name: Ankit Dixit Group: x-1