1.MAPPING THE HOT SPOTS

<html> <head><title>Home – States of India!!</title></head> <img align=”right” src = “India Map.gif” usemap=”#india”>

area shape=”rect” coords=”434,381,483,422″ href=”jh.html”>

area shape=”rect” coords=”105,267,247,343″ href=”rj.html”>

area shape=”circle” coords=”539,292″ href=”sik.html”>

</map>

REPUBLIC OF INDIA

<img src=”flag.jpg”> India is the Seventh Largest country in the world by geographical area, the second most populous country with over 1.2 billion people, and the most populous democracy in the world. India is a federal constitutional Republic with a parliamentry democracy consisting of 28 states and 7 Union Terrirories. <h2>Features</h2>

<ul><li><b>Population</b> – 1,028,610,328 (2001 census).<li><b>Capital </b> – New Delhi<li><b>Largest City </b> – Mumbai<li><b>Currency </b> – Indian Rupee.<li><b>Time Format</b> – IST (UTC + 5:30)

National Sport – Hockey

Current PM – Manmohan Singh

Current President – Prathiba Patil

<h2><b>To view the details of states please click on the specified area in the map!!</b></h2> </body></html>

2.CASCADING STYLE SHEET

BACKGROUND.CSS

HTML
{
BACKGROUND:#CC9999;}

BODY
MARGIN:0;PADDING:0;COLOR:#333333;FONT-FAMILY: VERDANA,ARIAL,HELVETICA,SANS-SERIF;FONT-SIZE:0.9EM;}

{FONT-FAMILY:ARIAL,HELVETICA;FONT-SIZE:25 PT;COLOR:BLACK;TEXT-ALLIGN:”CENTER”;TEXT-DECORATION:UNDERLINE;}

HR{COLOR:MAROON;WEIGHT:20PX}SPAN.BLUE{FONT-STYLE:ITALIC;COLOR:BLUE;}SPAN.LINE

{BORDER-BOTTOM: IPX SLIE#880033;}

Main.html

<!–<HTML>

<HEAD>

</FRAMESET>

</FRAMESET>
</HEAD>

</HTML>–>

Cse.html

<!–HTML>

<HEAD>

<STYLE TYPE=”text/css”> P.ARTICLE:FIRST-LETTER

{ COLOR:#A20000; FONT-SIZE:XX-LARGE; TEXT-INDENT:3CM }

H3 { FONT-FAMILY:SANSERIF; FONT-SIZE=”14″; TEXT-ALIGN=”JUSTIFY” }

DIV { TEXT-DECORATION:UNDERLINE }

P.INDENT TEXT-INDENT:3CM } P.THICH { FONTWEIGHT:BOLD }

SPAN.HIGHLIGHT{BACKGROUND-COLOR:YELLOW}

</STYLE>

</HEAD>

<BODY>

<H1>

<P>

<DIV> Department of Computer Science and Engineering </DIV></p> </h1> <hr> <h3> <pclass=”article”> The growth of versatile operating systems, programming
languages, electronics and communication system have given software industry a boom to develop<SPAN
CLASS=”HIGHLIGHT”>real time applications and high-end products</SPAN>. the department of cse targets the
students to acquire the present industrial requirements in
various domains such as Data structures, DBMS, system software,
OOPS web technology</p>

<P> The department library has been encouraging students to
develop various software projects. It has also been creating opportunities for pursuing pg programs in in reputed
Indian and Foreign Universities </p>

<p> The society of Computer Science <span>trace(Technology reformers
association for cse)</span> provides a platform for the students to sharpen their problem-solving,
programming and exam work skills.</p></h3>
</body>

</html>–>

lab.html

<!–<br /><b>Warning</b>: ob_start() [<a href='ref.outcontrol'>ref.outcontrol</a>]: output handler ‘ob_gzhandler’ cannot be used twice in <b>/home/content/22/4814422/html/lab_exercise/internet_programing_lab/creating_web_page_using_cascading_style_sheet.php</b> on line <b>211</b><br />

<html>

<head>

<title>LAB</title><link rel=”stylesheet”type=”text/css”HREF=”background.css”><style type=”text/css”>DT{margin:10px;Padding:5px 5px 5px 5px}p.indent{text.indent:5 cm}h4{font-size=”12pt”;text-align=”justify”;font-family:arial}h3{font-weight:bold;font-family:times}

</style>

</head>

<body><h1>lab facilities</h1><hr><dl><dt><h3><span>central computer lab</span></h3><dd><p><h4> this lab is equipped with 60 pentium IV higher configuration machines.</h4></p></dl><dl><dt><h3><span>unix/rdbms lab:</span></h3><dd><p><h4>This lab is equipped with 60 pentium IV higher configuration machines and installed with oracle 10G.</h4></p></dl><dl><dt><h3><span>multimedia workshop</span></h3><dd><p><h4>This lab is equipped with 60 pentium IV higher configuration machines and installed with oracle 10G and multimediasoftware. </h4></p></dl></body></html>–>

useful.html

<html>

<head>

<title>useful</title><link rel=”stylesheet”type=”text/css”HREF=”background.css”>

</head>

<body><h1>useful websites</h1><hr>

<p style=”text-decoration:none;padding:20px”>http://www.javascript.com/<BR>http://www.javascripter.net/faq<index.html<BR>http://www.htmlgoodies.com/<BR>http://www.sourceforge.com/<BR>http://www.happycodings.com/<BR>http://www.geekinterview.com/<BR>http://www.shankar.com/<BR>http://www.allinterview.com/<BR>http://www.fresherworld.com/<BR>http://www.examcram2.com/<BR>http://www.janani.com/<BR>http://www.firstsoftech.com/<BR></body>

</html>–>

seminar.html

</HEAD>

<STYLE TYPE=”TEXT/CSS”> TABLE.ONE {
TABLE-LAYOUT:AUTOMATIC; BORDER-COLLAPSE:SEPARATE; BORDER-SPACING: 20px 70px } </STYLE>

</HEAD>

<BODY>
<h1>Seminars/workshops/Symposium for June-December 2009</H1><hr><TABLEBORDER=”1″WIDTH=”100%”><TR STYLE=”BACKGROUND-COLOR:BLACK;COLOR:WHITE;”><TH>S,NO</TH><TH>Event</TH><TH>DATE</TH><TH>CHIEF GUEST/GUEST SPEAKERS</TH><TH>PARTICIPANTS</TH></TR><TR><TD>1</TD><TD>Seminar on Future IT Trends </TD><td>7.07.09</td><td>Mr.Shankar, Project Manager HCL</TD><td> II & III & IV year CSE </TD></TR>

<tr><td>2</td><td>Seminar on JAVA & Java Script</td><td>18.08.09</td><td>Mr. Sundaramoorthy,Team Leader, Mind Tree Consuslting</td><td> III & IV year IT & CSE</td></tr><tr><td>3</td><td>Seminar on Data Structure</TD>

<TD> 10.09.09</td><td>Sakthirvel, Asst. Professor SRM University</td><td>II CSE </td></tr><tr><td>4</TD><td>Seminar on Networking</TD><td>25.09.09</td><td>Infosys Career Development, Valasaravakkam</TD>

<td>III CSE </td></tr><tr><td>5</td><td>seminar on C#& .NET</td><td>17.10.09</td><td>Ms.Deepa, Team Leader, Firstsoft Technology</TD><td>IV Year CSE</TD><TR></TABLE></body></HTML>–>

Model.html

<html>

<head>

<title> MODEL QUESTION PAPER</TITLE>LINK REL=”STYLESHEET” TYPE=”TEXT/CSS” HREF=”BACKGROUND.CSS”></HEAD><BODY><H1>MODEL QUESTION PAPER</H1><HR>

<SPAN>

<UL STYLE=”FONT-FAMILY:SANSERIF;FONT-SIZE=”14″;PADDING:20PX;><L1> MODEL QUESTION PAPER 1<L1> MODEL QUESTION PAPER 2<L1> MODEL QUESTION PAPER 3 </UL>

</SPAN>

</BODY>

</HTML>–>

3.Validating web form

	<html>
	<head>

	<script type=”text/javascript”>

	function validate_email(field)
	{
	with (field)
	{
	apos=value.indexOf(“@”);
	dotpos=value.lastIndexOf(“.”);
	len=value.length;

	if (apos<1\|\|dotpos-apos<2\|\|(len-dotpos)<2)
	{
	document.getElementById(‘email_text’).style.display = ‘block’;
	return false;}
	else
	{
	return true;}
	}
	}

	function validate_form(thisform)
	{
	with(thisform)
	{
	if (validate_email(email)==false)
	{email.focus();return false;}
	alert(“Registration Successful..Thank you!”);
	}
	}
	</script>

	</head>




	<body>
	<h1>Welcome Guest…Register With US!!</h1><br><br>
	<form action=”register.htm” onsubmit=”return validate_form(this);” method=”post” id=”myform”>
	<table border=0>


	<tr>
	<td>Name</td>
	<td><input type=”text” name=”name” size=”30″></td>
	</tr>

	<tr>
	<td><label for=’email’>Email Id</label></td>
	<td><input type=”text” name=”email” size=”30″></td>
	<td><div id=”email_text” style=”display:none”><span style=”Color:red”>Please enter a valid email!</span></div></td>
	</tr>

	<tr>
	<td>Address</td>
	<td><textarea rows=”4″ cols=”50″></textarea></td>
	</tr>



	<td>Mobile Number</td>
	<td><input type=”text” name=”mobile” size=”30″></td>
	</tr>

	<tr>
	<td>Sex</td>
	<td><input type=”radio” name=”group1″ value=”Male” checked>Male<input type=”radio” name=”group1″ value=”Female”>Female</td>
	</tr>

	</table>
	<br>
	<br>
	<input type=”submit” value=”Register”>
	</form>
	</body>
	</html>

4.Color palette

import java.io.*;

import java.applet.*;

import java.awt.event.*;

import java.awt.*;

public class palette extends Applet implements ActionListener

{

Checkbox cf,cb;

CheckboxGroup cgb;

TextArea a;

private Color color[]={Color.red,Color.blue,Color.cyan,Color.white,Color.black,Color.green,Color.gray,Color.lightGray,Color.darkGray,Color.yellow,Color.pink,Color.magenta,Color.orange};

Button b[];

Panel p1;

public void init()

{

setLayout(new BorderLayout());

p1=new Panel();

b=new Button[13];

for(int i=0;i<color.length;i++)

{

b[i]=new Button(” “);

b[i].addActionListener(this);

b[i].setBackground(color[i]);

p1.add(b[i]);

}

cgb= new CheckboxGroup();

cb=new Checkbox(“Back Ground Color”,cgb,true);

cf=new Checkbox(“Fore Ground Color”,cgb,false);

p1.add(cb);

p1.add(cf);

p1.setVisible(true);

add(p1,BorderLayout.SOUTH);

a=new TextArea(” “);

add(a,BorderLayout.CENTER);

}

public void actionPerformed(ActionEvent e)

{

if(cb.getState())

{

cf.setState(false);

for(int i=0;i<color.length;i++)

{

if(e.getSource()==b[i])

a.setBackground(color[i]);

}

if(cf.getState())

{

cb.setState(false);

for(int i=0;i<color.length;i++)

{

if(e.getSource()==b[i])

a.setForeground(color[i]);

}

Index.html

<html >

<head>

<title>Applet</title>

</head>

<body>

<h1>Java Applet </h1>

</applet>

</body>

</html>

purushv@mpire

Friday, February 11, 2011

Internetprograming lab

REPUBLIC OF INDIA