12 Thsci

:Creation of website
Page1
<HTML>
<HEAD>
<TITLE>MAHARASHTRA</TITLE>
</HEAD>
<BODY bgcolor= pink link="red">
<H1><center>Maharashtra</center></H1>
<P>One of the Largest states of india,<u>
<b>Maharashtra</b></u>occupies a
substantial portion of the <i>Deccan plateau</i> in the western penninsular
part of the subcontinent.
<a href="generalInformation.html"> General Information</a><br>
<a href="feedback.html">FEEDBACK</a>
</body>
</HTML>
Page2
<html>
<head><title>General Information</title></head>
<body background="desert.jpg">
<OL>Religious places
<LI>Nashik</LI>
<LI>Shirdi</LI>
<LI>Kolhapur</LI>
<LI>Trambakshwar</LI>
<LI>Balaji</LI>
</OL>
<a href="Feedback.html"> Feedback Form</a><br>
<a href= mailto:abc@gmail.com><small>Contact the author</small>ABC</a><br>

<a href="index.html"><imgsrc="penguins.jpg" height="40" width="40"></a>
</body>
</html>
Page3
<HTML>
<HEAD>form1
<TITLE>FORM</TITLE>
</HEAD>
<BODY bgcolor="yellow">
<H2 align="center">Feedback form</H2>
<form method="post">
<p>
first name:<INPUT type="text" name="firstname"><Br>
last name:<INPUT type="text" name="lastname"><Br>
Email Address:<INPUT type="text" name="email"><Br>
Gender:<br>
<INPUT type="radio" name="g1" >Male<Br>
<INPUT type="radio" name="g1" >Female<Br>
Hobbies
<OL>
<li><INPUT type="checkbox" name="b1">reading books</li>
<li><INPUT type="checkbox" name="b2">Listening to Music</li>
<li><INPUT type="checkbox" name="b3">Playing games</li>
</OL>
What would you like to do today?<Br>
<SELECT >
<OPTION value=music>listening music
<OPTION value=read >read a book
<OPTION value=walk >Take a walk

<OPTION> Exercise
</SELECT><Br>
please enter your comment below:<br>
<TEXTAREA name=positive rows=10 cols=20></TEXTAREA><BR>
<INPUT type="submit" value="send">
<INPUT type="reset" value="clear form">
<input type="file">
</Form>
<a href="generalInformation.html">General information</a><Br>
<a href="index.html"><small>back to main</small></a></BODY></HTML>

Practical No 2 :Creation of Website using CSS
CollegeProfile
<html>
<head><title>Frameset</title></head>
<frameset rows="50%,50%">
<frameset cols="50%,50%">
<frame src="left.html">
<frame src="right.html">
</frameset>
<frame src="intro.html" name="xy">
</frameset>
</html>
Intro
<html>
<head><title>intro</title></head>
<body background="pjcclg.jpg">
<h1 align=center><i><b><u> Sancheti Junior College</u></b></i></p></h1>
<h3>Address: Sancheti junior college,Thergaon<br>
Contact Us:8600284919</h3>
</body>
</html>
Left
<html>
<head><title>Course</title>
<style>
h1{text-align:center;color:red;background-color:white;border-style:dotted
dashed}
body{background-color:green}
</style>
</head>
<body>
<h1><i><b><u> Sancheti Junior College</u></b></i><h1>
<a href="course.html" target="xy">courses</a>
</body>
</html>
Right
<html>
<head><title>Registration Form</title>
<style>
h1{text-align:center;color:red;background-color:yellow}
body{background-color:pink}
</style>
</head>
<body>
<h1><i><b><u> Sancheti Junior College</u></b></i><h1>
<a href="rf.html" target="xy">Registration form</a>
</body>
</html>
Courses
<html>
<head><title>courseof</title>
<style>
h1{text-align:center;color:red;background-color:white;border-style:dotted
dashed}
body{background-color:yellow}
li{color:blue}
</style>
</head>
<body>
<h1>PJC</h1>
<ul type="1">Science
<ol>
<li>physics</li>
<li>chemistry</li>
<li>biology</li>
<li>maths</li>
</ol><br>
<ul type="2'>commerce
<ol>
<li>sp</li>
<li>account</li>
<li>eng</li>
<li>oc</li>
</ol><br>
<ul type="3">arts
<ol>
<li>histroy</li>
<li>english</li>
</ol>
</ul>
</body>
</html>
Registration Form
<html>
<head><title>RF
</title>
<body link="red"><h1><marquee><b><i><u>registration
form</u></i></b></marquee></h1>
<form method="post">
Name=<input type="text"><br>
Address=<input type="text area"><br>
Gender= male = <input type="radio" name="g"><br>
female = <input type="radio" name="g"><br>
Subject=<input type="checkbox" name=g>it<br>
<input type="checkbox" name=g>maths<br>
<input type="checkbox" name=g>english<br>
<input type="submit"><input type="reset"><br>
</body>
</html>
Practical No 3:Client Side Image Mapping
<HTML>
<HEAD>
<TITLE>Image Mapping</TITLE>
</HEAD>
<BODY>
<IMG SRC=Tulips.jpg USEMAP ="#test">
<map name=test>
<area
shape=rectcoords=82,75,516,366href=http://www.google.com
alt=Rectangle>
<area shape=poly
coords=853,65,717,497,990,496href=http://youtube.com
alt=Polygon>
<area shape=circle coords=356,593,227 href=Page1.html
alt=Circle>
</map>
</BODY>
</HTML>
Practical No 4 : Audio With Control and without Control
<HTML>
<HEAD>
<TITLE>Audio with Control</TITLE>
</HEAD>
<BODY>
<h1 align="center">Audio With Control</h1>
<IMG SRC=cube.gif><br>
<Embed SRC=Kalimba.mp3 LOOP=-1>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Audio without Control</TITLE>
</HEAD>
<BODY>
<h1>Audio Without Control</h1>
<BGSOUND SRC=Kalimba.mp3 LOOP=-1>
<br>
<IMG SRC="cube.gif" height="100" width="100" alt="image">
<br>
</BODY>
</HTML>
Practical No 5 : Video With Control and without Control
<HTML>
<HEAD>
<TITLE>Video with Control</TITLE>
</HEAD>
<BODY>
<h1 align="center">video With Control</h1>
<Embed src= Wildlife.wmv height=100 width=150 LOOP=-1>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Video with Control</TITLE>
</HEAD>
<BODY>
<h1 align="center">video Without Control</h1>
<imgdynsrc= "Wildlife.wmv" height=200 width=150 LOOP=5 autostart="false">
</BODY>
</HTML>
Practical No 6 :Cross Browser Testing
<HTML>
<HEAD>
<TITLE>Cross browser Testing</TITLE>
</HEAD>
<BODY bgcolor="aqua">
<h1 align="center">Cross browser Testing</h1>
<marquee direction="right">Marquee is supported in Internet

Explorer</marquee>
<hr color="red">
<imgsrc="Penguins.jpg" alt="Broken Image" height=100 width=100>
<hr color="red">
<bgsoundsrc="Sleep Away.mp3"><br>
<table border="6" bordercolordark="green" bordercolorlight="yellow"

cellpadding=20>
<tr>
<th>Chapter No</th>
<th>Chapter Name</th>
<th>Marks</th>
</tr>
<tr>
<td>1</td>
<td>Web Publishing</td>
<td>30</td>
</tr>
<tr>
<td>2</td>
<td>Cyber Law and Ethics</td>
<td>80</td>
</tr>
<tr>
<td>3</td>
<td>E commerce</td>
<td>30</td>
</tr>
</table>
</BODY>
</HTML>
Practical No 7 :Devnagri Script
<HTML>
<HEAD>
<TITLE>Devnagari Script</TITLE>
</HEAD>
<BODY>
<h1 align=center>प्रदु षण</h1>
प्रदु षणजीवनकेलिएहालनकारकहै ।<br>
प्रदु षणकईतरहकाहोताहै ।<br>
उदहारणकेलिएजिप्रदु षण ,वायुप्रदु षणऔरध्वलनप्रदु षण।<br>
द्रुतगलतसेअधुलनकीकरणप्रदु षणकोबढावादे रहाहै ।<br>
प्रदु षणकोरोकनाजरूरीहै ।
</BODY>
</HTML>
Practical No 8validation of email address
<html>
<head>
<script language="JavaScript">
functionatbeg()
var n, len;
n=f1.t1.value;
len=n.length-1;
if((n.indexOf("@")==0)||(n.indexOf("@")==len))
f1.t1.value="";
f1.t1.focus();
return false;
return true;
function at()
varn,i,ch,cnt=0;
n=f1.t1.value;
for(i=0;i<n.length;i++)
{
ch=n.charAt(i);
if(ch=="@")
cnt=cnt+1;
if(cnt>1)
f1.t1.value="";
f1.t1.focus();
return false;
break;
return true;
functiondotbeg()
var n, len;
n=f1.t1.value;
len=n.length-1;
if((n.indexOf(".")==0)||(n.indexOf(".")==len))
{
f1.t1.value="";
f1.t1.focus();
return false;
return true;
function dot()
varn,at,dot,lat,m;
n=f1.t1.value;
at="@";
dot=".";
lat=n.indexOf(at);
m=n.length;
if(n.indexOf(dot,(lat+2))==-1)
f1.t1.value="";
f1.t1.focus();
return false;
}
return true;
functionfsubmit()
if(!atbeg())
alert("@ character should not be at the beginning or at the end");
else
if(!at())
alert("@ character should be only once");
else
if(!dotbeg())
alert("dot . character should not be at the beginning or at the end");
else
if(!dot())
alert("dot and @ character should come atleast once and dot should not be
before or after @");
else
alert("valid email address");

}
</script>
</head>
<body>
<h2><center> validation of email address</center></h2>
<form name="f1">
enter the email address<input type="text" name="t1"><p>
<input type="button" name="b1" value="click" OnClick="fsubmit()">
</form>
</body>
</html>
Practical No.9To Display a Report Client address
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As

System.EventArgs) Handles Button1.Click
Label1.Text = Request.ServerVariables("remote_addr")
Label2.Text = Request.ServerVariables("server_port")
Label3.Text = Request.ServerVariables("server_software")
Label4.Text = Request.ServerVariables("server_protocol")
Label5.Text = Request.ServerVariables("http_user_agent")
Label6.Text = Request.ServerVariables("http_host")
Label7.Text = Request.ServerVariables("path_info")
End Sub
Practical no 10 To display number of vote code

If RadioButton1.Checked = True Then
Session("yes") = Session("yes") + 1
Else
Session("no") = Session("no") + 1
End If
Label1.Text = Session("yes")
Label2.Text = Session("no")
End Sub
Practical no 11 To calculate number of days person has lived on
basis of date of birth
Dim a As Date
a = TextBox1.Text
Label2.Text = a
Label3.Text = Date.Now
Label4.Text = DateDiff(DateInterval.Day, a, Now)
End Sub
Practical no 12 To display server side time and client side time use
script for client side time
Protected Sub Page_Load(ByVal sender As Object, ByVal e As

System.EventArgs) Handles Me.Load
Response.Write("<h1> Server side date and time </h1>")
Response.Write("<br> Server side date is :" &Date.Now.Date)
Response.Write("<br> Server side time is :" &TimeOfDay)
Response.Write("<br> Server side month name is :"

&MonthName(Now.Month))
Response.Write("<h1> Client side date and time </h1>")
Response.Write("<br> client side date and time is :")
Response.Write("<script>var d=new Date(); document.write(d);</script>")
End Sub
Experiment No.-13
Use of JavaScript for validation of Pincode and amount
<html>
<head>
<script language="javascript">
functionpinsal()
{
vara,b,alen,blen,x,y,dp;
a=f1.t1.value
b=f1.t2.value
alen=a.length
blen=b.length
x=0
y=0
if(alen<6||alen>10)
{
alert("Pincode min 6 & max 10 digits")
f1.t1.value="";
f1.t1.focus();
x++;
}
if(isNaN (a))
{
alert("Pincode must be only a number")
f1.t1.value="";
f1.t1.focus();
x++;
}
if(isNaN (b)||b<6||blen<=0)
{
alert("Invalid salary value!Please Re-enter")
f1.t2.value="";
f1.t2.focus();
y++;
}
dp=b.indexOf(".");
if(dp>=0&&dp<b.lenght-3)
{
alert("Invalid salary value!Please Re-Enter ")
f1.t2.value="";
f1.t2.focus();
y++;
}
if(x<1&&y<1)
{
alert("Both Pincode& Salary Accepted")
}
}
</script>
</head>
<body bgColor="pink">
<h1>Pincode&SalaryValidation</h1><br>
<form name="f1">
Enter Pincode:<input type="text" name="t1"><br><br>
Enter Salary:<input type="text" name="t2"><br><br>
<input type="button" value="validate" onclick="pinsal()"><br><br>
</form>
</body>
</html>
Experiment No-14
a)Event driven client side scipt(by using
onMouseOver&onClick event)
<html>
<head>
function f1()
{
document.bgColor="red";
window.setTimeout("f2()",10);
}
function f2()
{
document.bgColor="yellow";
}
function f3()
{
document.bgColor="brown";
}
function f4()
{
document.bgColor="green";
}
function f5()
{
document.bgColor="purple";
}
function f6()
{
document.bgColor="orange";
}
function f7()
{
document.bgColor="blue";
}
Function msg()
{
window.status="Display of 7 different colors";
}
</script>
</head>
<body>
<center>
<input type="button" name="b1" value="Colors" onMouseOver="f1()">
<input type="button" name="b2" value="Message" onClick="msg()">
</center>
</body>
</html>
b)Event driven client side scipt(by using onLoad&onUnload

event)
<html><head>
function f1()
{
document.bgColor="red";
}
function f2()
{
document.bgColor="yellow";
}
function f3()
{
document.bgColor="brown";
}
function f4()
{
document.bgColor="green";
}
function f5()
{
document.bgColor="purple";
}
function f6()
{
document.bgColor="orange";
}
function f7()
{
document.bgColor="blue";
}
functionmsg()
{
alert("Display of colors page closed by user")
}
</script></head>
<body onLoad="f1()" onUnload="msg()">
<h1><center>Display of 7 different colors</center>
</h1>
</body></html>

12 Thsci

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

12 Thsci

Caricato da

Copyright:

Formati disponibili

:Creation of website

<BODY bgcolor= pink link="red">

<P>One of the Largest states of india,<u>

substantial portion of the <i>Deccan plateau</i> in the western penninsular

part of the subcontinent.

<a href="generalInformation.html"> General Information</a><br>

<a href="Feedback.html"> Feedback Form</a><br>

<a href= mailto:abc@gmail.com><small>Contact the author</small>ABC</a><br>

<H2 align="center">Feedback form</H2>

first name:<INPUT type="text" name="firstname"><Br>

last name:<INPUT type="text" name="lastname"><Br>

Email Address:<INPUT type="text" name="email"><Br>

<INPUT type="radio" name="g1" >Male<Br>

<INPUT type="radio" name="g1" >Female<Br>

<li><INPUT type="checkbox" name="b1">reading books</li>

<li><INPUT type="checkbox" name="b2">Listening to Music</li>

<li><INPUT type="checkbox" name="b3">Playing games</li>

What would you like to do today?<Br>

<OPTION value=music>listening music

<OPTION value=read >read a book

<OPTION value=walk >Take a walk

please enter your comment below:<br>

<TEXTAREA name=positive rows=10 cols=20></TEXTAREA><BR>

<INPUT type="submit" value="send">

<INPUT type="reset" value="clear form">

<a href="generalInformation.html">General information</a><Br>

<a href="index.html"><small>back to main</small></a></BODY></HTML>

<TITLE>Video with Control</TITLE>

<h1 align="center">video With Control</h1>

<Embed src= Wildlife.wmv height=100 width=150 LOOP=-1>

<TITLE>Video with Control</TITLE>

<h1 align="center">video Without Control</h1>

<imgdynsrc= "Wildlife.wmv" height=200 width=150 LOOP=5 autostart="false">

<TITLE>Cross browser Testing</TITLE>

<h1 align="center">Cross browser Testing</h1>

<marquee direction="right">Marquee is supported in Internet

<imgsrc="Penguins.jpg" alt="Broken Image" height=100 width=100>

<table border="6" bordercolordark="green" bordercolorlight="yellow"

<td>Cyber Law and Ethics</td>

alert("@ character should not be at the beginning or at the end");

alert("@ character should be only once");

alert("dot . character should not be at the beginning or at the end");

alert("valid email address");

<h2><center> validation of email address</center></h2>

enter the email address<input type="text" name="t1"><p>

<input type="button" name="b1" value="click" OnClick="fsubmit()">

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As

If RadioButton1.Checked = True Then

Label4.Text = DateDiff(DateInterval.Day, a, Now)

Protected Sub Page_Load(ByVal sender As Object, ByVal e As

Response.Write("<h1> Server side date and time </h1>")

Response.Write("<br> Server side date is :" &Date.Now.Date)

Response.Write("<br> Server side time is :" &TimeOfDay)

Response.Write("<br> Server side month name is :"

Response.Write("<h1> Client side date and time </h1>")

Response.Write("<br> client side date and time is :")

Response.Write("<script>var d=new Date(); document.write(d);</script>")

b)Event driven client side scipt(by using onLoad&onUnload

Potrebbero piacerti anche