Web Technology Lab (TCS-751) Lab File: SESSION 2010-11

WEB TECHNOLOGY LAB
(TCS-751)
Lab File
Submitted to Submitted By
Mr. SK Upadhyay Name: Abhinav Mittal
Dept.CSE Roll: 0709710003
Year/Sec : 4th/’A’
SESSION 2010-11
Galgotias College of Engineering & Technology

1, Knowledge Park-2
Greater Noida, UP-201306
INDEX
SL.NO NAME OF THE PROGRAM DATE REMARKS
1. Wap to implement function of average filter
2. Wap to implement function ben
3. Wap to implement function of contrast
4. Wap to implement function contrast

stretching
5. Wap to implement the function filter
6. Wap to implement the function of average

Filter
7. Wap to implement the function of grey level

Slicing
8. Wap to implement the function of grey

Scaling
9. Wap to implement the function of histogram
10. Wap to implement the function of

thresholding
PROGRAM # 1
Write your CV in HTML
<html>
<body>
<h2>CURRICULUM VITAE</h2>
<HR/>
<H3>Abhinav Mittal</H3>
123,xyz
<br/>
Greater Noida-201308
<br/>
Mob-09953155227
<br/>
EMAIL- [email protected]
<hr/>
<h4><u>OBJECTIVE:</u></h4>
<p>Seeking a position to utilize my skills and abilities in the Information
Technology Industry that offers Professional growth while being resourceful,
innovative and flexible.</p>
<h3><u>IT EXPOSURE</u></h3>
<h4>EDUCATION</h4>
GCET,Gr.Noida<br/>
B Tech(Comp. Sci.)<br/>
Percentage Scored:71 %<br/>
<br/><br/>
DPS,MEERUT<br/>
12th<br/>
Percentage Scored: 80%<br/>
<br/><br/>
DPS,MEERUT<br/>
10th<br/>
<br/><br/>
<h4><u>TECHNICAL EXPERIENCE</u></h4>
<ul>
<li><font face="Arial" size="2">Languages: C, C#.NET , CORE JAVA,
ASP.NET, HTML</font></li>
<li><font face="Arial" size="2">Platforms: Windows xp/7,NT,

</font></li>
<li><font face="Arial" size="2">Concepts: dbms, networking ,operating

systems</font></li>
</ul>
<hr/>
<h4>Certifications</h4>
<hr/>
<h4>Project Experience</h4>
<hr/>
<pre>
<p></p>
<p></p>
<p></p>
</pre>
<hr/>
</body>
</html>
PROGRAM # 2
Design any 5-static-HTML pages and link them.
FIRST HTML PAGE :
<html>
<h2>This is the first static HTML page</h4>
<body>
<a href="http://www.w3schools.com" target="_blank">Visit W3Schools.com!</a>
<p>If you set the target attribute to "_blank", the link will open in a new browser
window.</p>
<table border="1">
<thead>
<tr>
<th>aa</th>
<th>bb</th>
<th>cc</th>
</tr>
</thead>
<tbody>
<tr>
<td>cc</td>
<td>dd</td>
<td>ee</td>
</tr>
<tr>
<td>ee</td>
<td>ff</td>
<td>gg</td>
</tr>
<tr>
<td>gg</td>
<td>hh</td>
<td>ii</td>
</tr>
<tr>
<td>ii</td>
<td>jj</td>
<td>kk</td>
</tr>
<tr>
<td>kk</td>
<td>ll</td>
<td>mm</td>
</tr>
</tbody>
</table>
<a href="second_html.htm">click to visit 2nd html page</a>
</body>
</html>
SECOND HTML PAGE
<ol type="i">
<li>apple</li>
<li>banana</li>
<li>mango</li>
<li>grapes</li>
</ol>
<h2>This is the 2nd ststic HTML page</h2>

<h3>Send e-mail to [email protected]:</h3>
<form action="MAILTO:[email protected]" method="post"

enctype="text/plain">
Name:<br />
<input type="text" name="name" value="your name" /><br />
E-mail:<br />
<input type="text" name="mail" value="your email" /><br />
Comment:<br />
<input type="text" name="comment" value="your comment" size="50" />
<br /><br />
<input type="submit" value="Send">
<input type="reset" value="Reset">
</form>
<a href="third_html.htm">click to visit 3rd html page</a>
THIRD HTML PAGE
<html>
<body bgcolor='cyan'>
<head>
<h2>This is the 3rd static HTML page</h2>
</title>
<h1><center><b><big><u>curriculum vitae <b></u></big></center></h1>
<b><big><u><h2><center>PERSONAL DETAILS </h2></b></big></center>
<p><b>NAME:SAZID AHAMAD </br>
AGE:21 </br>
BATCH:2007-11 </br>
COLLEGE:GALGOTIA COLLEGE OF ENG.&TECH.</br>
CONTACT NUMBER:9458495749 </br>
E-MAIL ID:[email protected] </br>
<hr></hr>
QUALIFICATION:
10th (upboard):70% </br>
12th (upboard):72% </br>
<a href="fourth_html.htm">CLICK TO VISIT THE FOURTH PAGE</a>
FOURTH HTML PAGE
<html>
<body>
<h2>This is the Fourth HTML page</h2>
<form action="">
First name: <input type="text" name="firstname" /><br />
Last name: <input type="text" name="lastname" />
</form>
<p><b>Note:</b> The form itself is not visible. Also note that the default width of
a text field is 20 characters.</p>
<form name="input" action="html_form_action.asp" method="get">

Username: <input type="text" name="user" />
<input type="submit" value="Submit" />
</form>
<head>
</head>
<p>This is some text in a paragraph.</p>

<p>This is another paragraph.</p>
<hr />
<h2>personal details</h2>
<table border="1" width="100%">
<tr>
<th align="left">Name</th>
<th align="left">E-mail</th>
<th align="left">Phone</th>
</tr>
<tr>
<td width="25%">Mayank</td>
<td width="25%">[email protected]</td>
<td width="25%">09278486757</td>
</tr>
<tr>
<td width="25%">Sanjay</td>
<td width="25%">0999077714</td>
</tr>
</table>
<br />
<hr />
<h3>Heading 3</h3>
<p>Visit our <a href="second_page.htm">Click to view Second Page</a>
Fifth Page contains my CV.

<a href="fifth_html.htm">Click to view Fifth page</a>
</body>
</html>
FIFTH HTML PAGE
<html>
<body>
<h2>CURRICULUM VITAE</h2>
<HR/>
<H3>Mayank Raj Chauhan</H3>
123,xyz
<br/>
Greater Noida-201308
<br/>
Mob-09998887771
<br/>
[email protected]
<hr/>
<h4><u>OBJECTIVE:</u></h4>
<p>Seeking a position to utilize my skills and abilities in the Information
Technology Industry that offers Professional growth while being resourceful,
innovative and flexible.</p>
<h3><u>IT EXPOSURE</u></h3>
<h4>EDUCATION</h4>
GCET,Gr.Noida<br/>
B Tech(Comp. Sci.)<br/>
<br/><br/>
KV,Nsd,Ajmer<br/>
12th<br/>
Percentage Scored: 68%<br/>
<br/><br/>
KV,Nsd,Ajmer<br/>
10th<br/>
<br/><br/>
<h4><u>TECHNICAL EXPERIENCE</u></h4>
<ul>
<li><font face="Arial" size="2">Languages: C, C#.NET , CORE JAVA,
ASP.NET, HTML</font></li>
<li><font face="Arial" size="2">Platforms: Windows xp/7,NT,

</font></li>
<li><font face="Arial" size="2">Concepts: dbms, networking ,operating

systems</font></li>
</ul>
<hr/>
<h4>Certifications</h4>
<hr/>
<h4>Project Experience</h4>
<hr/>
<pre>
<p></p>
<p></p>
<p></p>
</pre>
<hr/>
</body>
</html>
PROGRAM # 3
Design an HTML Page using CSS
<html>
<link rel="stylesheet" type="text/css" href="style2.css">
<head>
</head>
<body>
<h1>Static HTML Page using CSS</h1>
<p>This is some text in a paragraph.</p>
<p>This is another paragraph.</p>
<hr />
<h2>personal details</h2>
<table border="1" width="100%">
<tr>
<th align="left">Name</th>
<th align="left">E-mail</th>
<th align="left">Phone</th>
</tr>
<tr>
<td width="25%">Mayank</td>
<td width="25%">09278486757</td>
</tr>
<tr>
<td width="25%">Sanjay</td>
<td width="25%">0999077714</td>
</tr>
</table>
<br />
<hr />
<h3>Heading 3</h3>
<p>Visit our <a href="second_page.htm">Click to view Second Page</a>
</body>
</html>
CSS FILE (style2.css)
body
{
font-size:75%;
font-family:"lucida calligraphy",arial,'sans serif';
background-color:#DCDCDC;
color:#8A2BE2;
margin:10px;
}
h1 {font-size:200%;}
th {background-color:#D3D3D3;}
td {background-color:#FFFAF0;}
a:link {color:#8A2BE2;text-decoration:none;}
a:hover {color:red;font-weight:bold;text-decoration:none;}
a:visited {text-decoration:none;}
PROGRAM # 4
Write the complete HTML code and use java script to implement a function.
<html>
<head>
<script type="text/javascript">
function displaymessage()
{
alert("Hello World!");
}
</script>
</head>
<body>
<form>
<input type="button" value="Click me!" onclick="displaymessage()" />
</form>
<p>By pressing the button above, a function will be called. The function will alert
a message.</p>
</body>
</html>
PROGRAM # 5
Write the complete HTML tags and use java script codes to display specific
message based on the day of week using switch statement.
<html>
<body>
<script type="text/javascript">
var d = new Date();
theDay=d.getDay();
switch (theDay)
{case 1:
document.write("<b>Working Monday</b>");
break;
case 2:
document.write("<b>Powerful Tuesday</b>");
break;
case 3:
document.write("<b>Today is Wednesday </b>");
break;
case 4:
document.write("<b>Now its Thursday</b>");
break;
case 5:
document.write("<b>Finally Friday</b>");
break;
case 6:
document.write("<b>Super Saturday</b>");
break;
case 0:
document.write("<b>Sleepy Sunday</b>");
break;
default:
document.write("<b>I'm really looking forward to this weekend!</b>");
}
</script>
<p>This JavaScript will generate a different greeting based on what day it is. Note
that Sunday=0, Monday=1, Tuesday=2, etc.</p>
</body>
</html>

Web Technology Lab (TCS-751) Lab File: SESSION 2010-11

Uploaded by

Copyright:

Available Formats

Web Technology Lab (TCS-751) Lab File: SESSION 2010-11

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Web Technology Lab (TCS-751) Lab File: SESSION 2010-11

Uploaded by

Copyright:

Available Formats

WEB TECHNOLOGY LAB

Galgotias College of Engineering & Technology

1. Wap to implement function of average filter

2. Wap to implement function ben

3. Wap to implement function of contrast

4. Wap to implement function contrast

5. Wap to implement the function filter

6. Wap to implement the function of average

7. Wap to implement the function of grey level

8. Wap to implement the function of grey

9. Wap to implement the function of histogram

10. Wap to implement the function of

Write your CV in HTML

<li><font face="Arial" size="2">Platforms: Windows xp/7,NT,

<li><font face="Arial" size="2">Concepts: dbms, networking ,operating

Design any 5-static-HTML pages and link them.

FIRST HTML PAGE :

<a href="http://www.w3schools.com" target="_blank">Visit W3Schools.com!</a>

SECOND HTML PAGE

<h2>This is the 2nd ststic HTML page</h2>

<form action="MAILTO:[email protected]" method="post"

<a href="third_html.htm">click to visit 3rd html page</a>

THIRD HTML PAGE

FOURTH HTML PAGE

<form name="input" action="html_form_action.asp" method="get">

<p>This is some text in a paragraph.</p>

Fifth Page contains my CV.

FIFTH HTML PAGE

<li><font face="Arial" size="2">Platforms: Windows xp/7,NT,

<li><font face="Arial" size="2">Concepts: dbms, networking ,operating

Design an HTML Page using CSS

CSS FILE (style2.css)

You might also like