Web Pracs Mca Sem 1 Idol Mumbai SHree Ram College

Practicle 2
Aim: To Study Basic HTML Tags.
<html>
<head>
<title> To study type and format text
</title>
</head>
<body bgcolor="orange"><br><br>
<ol>
<li>In the Toolbox,click</li>
<li>To create a text frame,drag the pointer diagonally to the size you want</li>
<li>on the text toolbar,click the font,size and style you want for the text<br><br>
<ul type="circle">
<li>Move or enlarge the text frame</li>
<li>Click a color to change the color of the text<br><br>
<ol>
<li>on the <b>image</b>menu,click<b>Attributes</b></li>
<li>click the unit of measurement you want to use for the width and height</li>
<li>type the measurements in<b> height</b> and <b>width</b></li></li>
</ol><br><br><br><li>Click inToolbox to insert the text on a colored background.
<br>
<br>
Then right click in the color box change the background color.</li></ul></li>
<li>Click inside the text frame,type the text,and ten do any of the following
needed.</li></ol><br>
<h2>Notes</he><br><br>
<ol type="disc">
<li>You can view the text toolbar by clicking the <b>view</b>menu and then
clicking
<b>Text Tololbar.</b><br>
If it obscures part of the <b>paint</b>window,you can drag the toolbar to any
location in the window.</li>
<li>You can enter text into a picture only in Normal view.</li>
<li>You can enter text into the picture by clicking outside the text frame.</li>
<li>When the text tools are selected,you can paste text only.You cannot paste
graphics.</li>
<li>You can undo up to three changes by clicking the <b>Edit</b>menu and ten
clicking<b>Undo</b>for each change.</li></ol>
</body>
</html>
Practicle 1
Aim: To Study Basic HTML Tags.
<html>
<head>
<title>Practical 01 basic Html tags </title>
</head>
<body>
<a name="bottom"></a>
<a href="#top"><b>BOTTOM</b><br></a>
<marquee><u><font color="red"><b>To study document structure
and formatting tags</b></u></marquee><br><br>
<font color="red">Write an<i><b>html Page</b></i>display the following
text in proper</br>
formatting use atlest <u><b>25 different tags html</b></u><br>
Give appropriate <b>title</b>and<b>heading</b>to the
text</font><br><br>
This is the complete source code for <b>Quack2,Version<br>
3.19,</b> buidable <b>Visual C++ 6.0</b> The Linux version <br>should be
buildable, but we haven't tested it for <br>release.<br>the code is all
licence,<br>but
the gits of it is that you can do anything you<br>want with the code,including
sale your
new version.<br>The catch is that if you destribute the new
binary<br>version,you are
required tomake the entire souece<br>code available for free to
evaryone.<br><br>
The primary intent of this release is for<br><b>entertainment &
educational</b>
purpose but the <b>GPL</b> does<br>
allows <b>commercial exploitation</b> or if you obey the <br>
full license.if you want to do something <b>commercial</b> &<br>
you just cant bare to have your source changes<br>
release, we could still negotiate a separate license<br>
agreement (for $$$),but i would encourage you to just<br>
live with the <b>GPL.</b><br><br>
All of Q2 data files remain copyrighted & licensed <br>
under the original terms, so you cannot redistribute<br>data from the original
game,
but if you does a true <br>total conversion,you can create a standalone game
<br>based on this code.<br><br>
Thanks to <b><u>Robert Duffy</u></b> for doing the grunt work of
<br>building this
release.<br>
Name:Aboli Mendhe Roll No: 250<br>4<br><b>&nbsp John Carmack<br>
&nbsp&nbsp&nbsp&nbspID Software</b><address>Address:
<br>59 Temple Place - Suit 330, Boston, MA 02111-1307,
USA<br></address>
<b>John.Carmack@sunorg.co.in<br><br><a name="top"></a><a
href="#bottom"
>Top</a>
</body>
</html>
Practicle 5
Aim: To Study Form Tags.
<html>
<head>
<title>
Registration Form</title>
</head>
<body bgcolor="pink">
<h1 align="center"><font color="blue"><b><i><u>Computer Society of
India</u></i></b></font></h1><p>
<b><u><hr size="09" color="blue">Annual convention 1988</u></b>
<br><br><br>
<b><h4>Participant's Registration Form</h4></b>
<form>1.Name of the Participant:
<input type="text" value="" name="name"><br>
2.Address:
<table border=1>
<tr>
<td>Street:</td>
<td><input type="text" size=7></td>
</tr><tr>
<td>Town:</td>
</tr><tr>
<td>State:</td>
</tr><tr>
<td>Pin Code:</td>
</tr></table>
3.Gender:<input type="radio">Female <input type="radio">Male<br>
4.Enter E Mail ID:<input type="text"><br>
4.Telephone Number:<input type="text"><br>
6.Select the work you are involved in:
<select>
<option>Computer Education
<option>Technical
<option>Programmer
<option>Web Designer
</select><br>
7.Select any tutorial you wish to attend: 17 th September 1998<br>

<select><option>E-Commerce</select><br>
Type any of your special requirements in the box
<textarea cols=20 rows=05>
</textarea><br>
<input type=submit value="submit">
<input type=reset value="Clear All">
</form></body></html>
Practicle 4 A
Aim:To Study Merging of Table.
<html>
<head>
<title>Merging of Tables</title>
</head>
<body>
<center><table border="3" align="center" width="500">
<tr>
<td colspan="2"><table border width="400" align="center"><tr>
<th colspan="3" align="left" width="250">T.Y.B.Sc<br>Department of Computer
Science
</th>
</tr><tr>
<th colspan="2" align="left">main</th>
<th align="left">Applied Component</th>
</tr><tr>
<td align="center"><b>System Software</b></td>
<td rowspan="2" width="120" height="65"><b>operating
system<br>Linux</b></td>
<td rowspan="2"><b>Web design</b></td>
</tr><tr>
<td align="center">Data Communication</td>
</tr><tr>
<td rowspan="2">Java</td>
<td align="center"><b>SSAD</b></td>
<td rowspan="2"><b>Web Technology</b></td>
</tr><tr>
<td align="center"><b>OOAD</b></td>
</tr>
</table></center></td></tr>
<tr><td><table border=1><tr>
<th colspan="3" align="center">Data communication & Networking</th>
</tr><tr>
<td align="center"><b>Author</b></td>
<td align="center"><b>Name</b></td>
<td align="center"><b>Price</b></td>
</tr><tr>
<td rowspan="2"><b>Behrouz Forouzan</td>
<td align="center"><b>DCN</b></td>
<td align="center"><b>300/-</b></td>
</tr><tr>
<td align="center"><b>TCP</b></td>
<td align="center"><b>350/-</b></td>
</tr><tr>
<td align="center">Andrew s. Tanenbaum</td>
<td align="center">Networking</td>
<td align="center">400/-</td>
</tr><tr>
<td align="center">William Stallings</td>
<td align="center">Computer communication & Networking</td>
<td align="center">400/-</td>
</tr><tr>
<td align="center">Total cost(total 4 books )</td>
<td colspan="2" align="center">Rs.1450/-</td>
</tr></table>
</td>
<td> <table border=1>
<tr>
<th align="center" colspan="3">Operating System</th>
</tr><tr>
<td align="center"><b>Author</b></td>
<td align="center"><b>Name</b></td>
<td align="center"><b>Price</b></td>
</tr><tr>
<td align="center">Andrew s. Tanenbaum</td>
<td align="center">Operating system</td>
<td colspan="2">500/-</td>
</tr><tr>
<td align="center">William Stallings</td>
<td align="center">Operating System concepts</td>
</tr><tr>
<td align="center">Total</td>
<td colspan="2" align="center">Rs.1000/-</td>
</td></tr></center>
</table>
</body>
</html>
Practicle 4B
Aim:To Study Merging of Table.
<html>
<head>
<title>WEB TEC PRACTICAl 2
</title>
</head>
<body><table align="center" bordercolor="black" border=1 cellspacing=0>
<tr align="center">
<td colspan=2><b> Subscriber's Name<br>and Address</b></td>
<td colspan=2><b>Consumer No.</b></td>
<td colspan=3><b>P.O. Stamp</b></td>
</tr><tr align="center">
<td colspan=2>Arun Nabar<br>Crossing Roads<br>Off Haji Ali Road,<br>Mumbai
400022.</td>
<td colspan=2>PL 0012345</td>
<td> </td><td> </td><td> </td>
</tr>
<tr align="center">
<td><b>Telephone<br>No</b></td>
<td><b>Type</b></td>
<td colspan=2><b>Bill Date </b></td>
<td colspan=2><b>Due Date</b></td>
<td colspan=3><b>Pay By Date</b></td>
<td> 29750772 </td>
<td> Gen./<br>Res.<br>Permanent</td>
<td colspan=2>01-Mar-2004</td>
<td colspan=2>18-Mar-2004</td>
<td>24-Apr-2004</td></tr><tr align="center">
<td><b>Opening<br>Meter<br>Reading</b></td>
<td><b>Closing<br>Meter<br>Reading</b></td>
<td><b>Metered<br>Calls</b></td>
<td><b>Debit<br>Calls</b></td>
<td><b>Credit<br>Calls</b></td>
<td><b>Free<br>Calls</b></td>
<td><b>Chargeable<br>Calls</b></td></tr><tr align="center">
<td>1052</td><td>1297</td><td>245</td><td>0</td><td>0</td><td>150<
/td><td>95</td>
<td
colspan=4><b>DETAILS</b></td><td><b>ITEM</b></td><td><b>PERIOD</b
></td>
<td><b>AMOUNT</b></td></tr><tr align="center"><td><b>RATE</b></td>
<td><b>No.of<br>Calls</b></td>
<td colspan=2><b>Charge</b></td>
<td><b>Rent</b></td>
<td>10/09/97<br>to<br>21/10/98</td>
<td>200.00</td></tr><tr align="center">
<td>0.80</td><td>95</td><td colspan=2>76</td>
<td><b>Item</b></td>
<td>16/05/97<br>to<br>15/07/97</td>
<td colspan=2>Surcharge After
<br>Pay-By-date</td>
<td colspan=2>10</td>
<td><b>TKP/PG<br>Calls</b></td>
<td>16/05/97<br>to<br>15/07/97</td>
<td colspan=2>Amount On/Before<br>Pay-By-date</td><td
colspan=2>290</td>
<td><b>ITX<br>Calls</b></td>
<td>16/05/97<br>to<br>15/07/97</td>
<td colspan=2>Amount After<br>Pay-By-date</td><td colspan=2>300</td>
<td><b>Misc.</b></td>
<td>TAX</td><td>14.00</td>
</tr><tr align="center"><td colspan=2> </td>
<td colspan=2> </td>
<td colspan=2><b>TOTAL</b></td>
<td>290</td></tr><tr align="center">
<td colspan=4><b>Please pay before due date to
avoid<br>Disconnection</b></td>
<td colspan=3> </td>
</tr>
<tr align="center">
<td colspan=4><b>E & O.E<br>Please see Overleaf For
codes/<br>Instruction</b></td>
<td colspan=3>Account Officer</td>
</tr>
</table>
</body>
</html>
Practicle 3
Aim: To Study Advance HTML Tags.
<html>
<head><title>WEB TEC PRACTICAL 1</title></head>
<body>
<table align="center" border=5 cellspacing="0">
<tr align="center" height"50">
<td colspan=2><b>April 2004</b></td>
<td colspan=2><b>ABC CORP</b></td>
<td colspan=2><b>04-2004</b></td>
</tr><tr align="center" height="50">
<td>SUN</td>
<td> </td>
<td>4</td>
<td>11</td>
<td>18</td>
<td width="50">25</td>
</tr><tr align="center" height"50">
<td>MON</td>
<td> <img src="one.jpg" width="50" height="50"></td>
<td>5</td>
<td>12</td>
<td>19</td>
<td>26</td>
<td>TUE</td>
<td> <img src="two.jpg" width="50" height="50"></td>
<td>6</td>
<td>13</td>
<td>20</td>
<td>27</td>
<td>WED</td>
<td> <img src="five.jpg" width="50" height="50"></td>
<td>7</td>
<td>14</td>
<td>21</td>
<td>28</td>
<td>THUR</td>
<td>1</td>
<td>8</td>
<td>15</td>
<td>22</td>
<td>29</td>
<td>FRI</td>
<td>2</td>
<td>9</td>
<td>16</td>
<td>23</td>
<td>30</td>
<td>SAT</td>
<td>3</td>
<td>10</td>
<td>17</td>
<td>24</td>
<td> </td>
<td colspan=2>Sponsers</td>
<td> <img src="six.jpg" width="50" height="50"></td>
<td> <img src="nine.jpg" width="50" height="50"></td>
<td> <img src="ten.jpg" width="50" height="50"></td>
<td> </td>
<td colspan=6><b>April 2004</b></td>
</table> </body>
</html>
Practicle 6
Aim: To Study the Use of Style Sheets.
<html><head>
<title> pr4_2</title>
<link rel=stylesheet href="pr4.css"></head>
<body>
<div>Kirti M. Donngursee college</div>
<h1>About us</h1>
<ul>
<li>Part of Deccan education Society </li>
<li>Established since 1<sup>st</sup>Jan 1930</li>
<li>Cultural Heritage</li>
</ul>
<h1>Location</h1>
<ul>
<li>Located in Mumbai</li>
<li>Sea face</li>
<li>Great campus</li>
</ul>
<h1>Course</h1>
<ul>
<li>Science</li>
<li>Arts</li>
<li>Commerce</li>
</ul>
<h1>Faculties</h1>
<ul>
<li>Full Time</li>
<li>Visiting</li>
</ul>
<p>
The college admission procedure is going on. For further information
contact:<h3>Dept.
of Computer science</h3>
</body>
</html>
Pr4.css
h1{background-image:url("snow trees.jpg");Color:orange;Letter-spacing:7;textalign:center;texr-decoration:underline;text-transform:uppercase;word-spacing:2}
div(border-bottom:#993300 outset thin;border-left:#993300 outset thin;
border-right:#993300 outset thin;border-top:#993300 outset thin;
color:yellow;filter:shadow(color:green,direction:100);text-align:center
width:980px;)
p{color:magenta;font-family:Algerian;font-size:medium;font-style:italicfontweight:lighter}
h3{background-color:lime;border-bottom:outset left gray;border-left:outset left
gray;
border-rigt:outset left gray;border-top:outset left gray;color:blue;
font-family:Arial;position:absolute}
li{color:maroon;text-transform:uppercase;list-style-image:url("red ball.gif")}
Practicle 7
Aim: To Study Image Map.
<title>Image Mapping - World map</title>

<head>
<body>
<center>
<img src="world-map.gif" width="700" height="400"/></center>
<map name="navigation">
<area shape=circle coords="330,80,12"
href="namerica.htm" alt="North America" tabindex=0>
<area shape=rect coords="330,100,380,80"
href="europe.htm" alt="Europe" tabindex=1>
href="arctica.htm" alt="Arctica" tabindex=2>
href="meast.htm" alt="Middle East" tabindex=3>
href="asia.htm" alt="Asia" tabindex=4>
href="africa.htm" alt="Africa" tabindex=5>
href="cari.htm" alt="Caribbean" tabindex=6>
href="samerica.htm" alt="South America" tabindex=7>
href="anta.htm" alt="Antarctica" tabindex=8>
href="aus.htm" alt="South America" tabindex=9>
</body>
</html>
Practicle 8
Aim: Creation of Website with Frame.

<html>
<head>
<title>link document</title>
</head>
<body bgcolor="pink" link=red alink=blue vlink=black>
<a href="frame1.htm" height=200 width=200 target=frame title="Click On Thos
Top Display The Image">image l</a><br><br>
Top Display The Image">image 2</a><br><br>
Top Display The Image">image 3</a><br><br><br> </body>
</html>
Frame1.html
<html>
<head>
<title>frame 2</title>
<body bgcolor="maroon" >
<i style=lItext-transform:uppercase; font-size:30; color:pink"> welcome to kirti
college</i><br></br>
<b style="text -tra nsform :uppercase; text-decoration :underli ne;fontsize:
15;color:white">admission are open for all streams</b><br></br>
<p style="text-transform:lowercase; font-size:20; color:plum">please submit the
document</p><br></br>
</body>
</html>
Frame2.html
<html>
<head>
<title>link demo</title>
<body bgcolor="plum" >
<i style="text - transform:uppercase;text-decoration: underline; font-size: 20;
color:blue">part
of deccan education society </i><br></br>
<b style="text-transform :italic;text-decoration :underline;fontsize: 15 ;col or: black>establish
since 1<sup>st</sup> jan 1930 </b><br></br>
<p style="text - tra nsform: I owe rcase;font-size: 10>cultural
heritage</p><br><br>
</body>
</html>
Frame3.html
<html>
<head>
<title>link demo</title>
<body bgcolor="ccffcc">
<i style="text-transform:uppercase; font-size:30; color:ffOOOO">
wel come to kirti college
<Ii>
<br></br>
<b styl e=lItext - tra nsform :uppercase; text-decoration :underli ne;fontsize:
15;color:#OObbcc>admission are open for all streams</b><br></br>
<p style=lItext-transform:lowercase; font~size:20 ;zcolor:plum:>please submit the
document</p><br></br> .
</body>
</html>
Practicle 9
Aim: To Study the Sum of the First N Numbers.
<html> <head>
<title>sum of first n numbers</title>
<script language="JavaScript">
var n;
n=prompt("Enter the value of n", "10");
var str;
var sum=0,i;
for(i=1;i<=n;i++)
{
sum=sum+i;
}
str=" sum of " + n + " numbers is " + sum;
//alert(str);
document.write(str);
</script>
</head>
<body>
</body>
</html>
Practicle 10
Aim: To Study Factorial of Number.
<html>
<head>
<title>factprial of given number</title>
var n;
n=prompt("Enter the number","10");
var str;
var fact=1,i;
for(i=n;i>=1;i--)
{
fact=fact*i;
}
str="factorial of" + n +" numbers is." +fact;
//alert{str) ;
document.writeln(str) ;
</script>
</head>
<body>
</body>
</html>
Practicle 11
Aim: Evaluate any Given Expression Entered in a Prompt Dialog Box.
<html>
<head>
<title>factorial of given number</title>
var n;
n=prompt("Enter the expression","10");
var str=eval(n);
/ / alert(str) ;
document.writeln(str);
</script>
</head>
<body>
</body>
</html>
Practicle 12
Aim:To Study Prime Numbers in 1-100.
<html>
<head>
var str="";
var i,j,r,flag=true;
for(i=1;i<=100;i++)
{
flag=true;
for(j=2;j<=Math.sqrt(i);j++)
{
r=i%j;
if(r==0){
flag=false;}}
if (flag==true)
str=str+"<br>"+i;
}
// alert(str);
document.writeln(str);
</script>
</head>
<body>
</body>
</html>
Practicle 13
Aim:To Find Whether the Number Entered in the Prompt Dialog Box
is a Prime No. or Not.
<html> <head>
var str;
var i,n,r,flag=true;
n=prompt("enter number",2);
if(n==1)
{
document.writeln("number is not prime");
}
else
{
if(n==2)
document.writeln("number is prime") ;
else
{
for(i=2;i<=Math.sqrt(n) ;i++)
{
r=n%i;
if(r==0)
{
flag=false;
}
}
if (flag==true)
document.writeln("number is prime");
else
document.writeln("number is not prime");
}
}
</script>
</head>
<body>
</body>
</html>
Practicle 14
Aim: Client Side Validation of the Registration Form.
<Html>
<Head> <Title> Form Validation </Title> <Script language=JavaScript>
function checkEmpty()
{
var flag;
if(document.frm.txtName.value==""|| document.frm.txtStreet.value=="" ||
document.frm.txtTown.value==""
|| document.frm.txtState.value==""|| document.frm.txtCode.value=="" ||
document.frm.txtNumber.value==""
||documentJrm.txtArea.value=="" ||document.frm.txtEmaiL.value=="")
{
window.alert("Please Enter All Values");
return false;
}
flag=0;
for( i=0; i<document.frm.radio1.length;i++)
{
if (document.frm.radio1[i].checked)
flag=1;
}
if(flag==0)
{
window.alert("Please Select The Gender");
return false;
}
}
function makeNum(txtname)
{
if(isNaN(txtname.value )==true)
{
window.alert("Enter Only Numbers");
txtname.value="";
}
}
function makeChar(txtname)
{
if(isNaN (txtname.value )==false)
{
window.alert("Enter Only Characters");
txtname.value="";
}
}
function checkEmail()
{
var i,j;
var t=new String();
t=document.frm.txtEmail.value
i=t.tndexOf("@");
j=t.indexOf(".");
k=t.indexOf("");
if(i<0||j<0||i<3|| j<i||i==0||j==0||j==i+l)
{
document.frm.txtEmail.value=="";
window.alert("lnvalid E-Mail Addressl");
}
if(i!=t.lastlndexOf("@"))
{
document. frm.txtEmail.value=="";
window.alert("lnvalid E-Mail Address2");
}
if (j+1==t.lastlndexOf("."))
{
document.frm.txtEmail.value=""
;
}
if(i==t.length-1)
{
document.frm.txtEmail.value="";
}
if(j==t.length-1)
{
document.frm.txtEmail.value==""
;
window.alert("lnvalid E-Mail AddressS");
}
if(k==O || k>0)
{
document. frm. txtEmail. value=="";
}
}
</Script>
</Head>
<Form name=frm actlon="Pract7.3_1.html" method="Post">
<h1 align=center>Computer Society of India <hr> </h1>
<U><B>Annual convention 1998</B></U><br>
<br><B>Participant's Registration Form</B>
<0l type=l>
<li>Name of the participant: <input type=text name=txtName
onChange=makeChar(document.frm.txtName);></li>
<li>Address:</li><br>
<table height=20 width=30% border=1>
<tr> <td width=lOO>
Street:</td> <tdxinput type=text name=txtStreet
onChange=makeChar(document.frm.txtStreet);></td>
<tr> <td width=100>
Town:</td> <td><input type=text name=txtTown
onChange=makeChar(document.frm.txtTown);></td>
<tr> <td width=l00>
State:</td> <tdxinput type=text name=txtState
onChange=makeChar(document.frm.txtState);></td>
<tr> <td width=lOO> Pin Code:</td> <td><input type=text name=txtCode

onChange=makeNum(document.frm.txtCode);></td>
</table>
<br><li>Telephone Number: <input type=text name=txtNumber
onChange=makeNum(document.frm.txtNumber);></li>
<br><li>Gender:</li> <input type=radio name=radio1>Female <input type=radio
name=radio1 >Male
<li>Select the work you are involved in:</li>
<select name="Computer Education" multiple size=1><option
value="ComputerEducation">Computer Education
<option value="DotNet">Dot Net</select> <br>
<br><Ii>Select any tutorials you wish to attend: 17<sup>th</sup> September
1998 </li> <br><select name="Ecommerce" ><option
value="Flash">Flash<option value="Ecommerce">Ecommerce </select>
<br><Ii>E-Mailld:</li> <input type=text name=txtEmail
onChange=checkEmail();> <br><br>Type any of your special requirements in this
box
<Textarea columns=5 rows=5
wrap=off name=txtArea></textarea> '
<br><br<><br><center><input type=Submit value="submit" onCIick="return
checkEmpty();">
<input type=reset value="clear">
</Form>
</Html>

Web Pracs Mca Sem 1 Idol Mumbai SHree Ram College

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Web Pracs Mca Sem 1 Idol Mumbai SHree Ram College

Transféré par

Droits d'auteur :

Formats disponibles

Practicle 2

Aim: To Study Basic HTML Tags.

7.Select any tutorial you wish to attend: 17 th September 1998<br>

<title>Image Mapping - World map</title>

Aim: Creation of Website with Frame.

<tr> <td width=lOO> Pin Code:</td> <td><input type=text name=txtCode

Vous aimerez peut-être aussi