SURYA GROUP OF INSTITUTIONS
Department of Computer Science and Engineering
Course Code: CCS375
Course Name: WEB TECHNOLOGY
Semester: III Year / V Semester
Regulations: AU-R2021
Academic year: 2023-24- ODD
, SYLLABUS
List of Programs
1. Create a web page with the following using HTML.
• To embed an image map in a web page.
• To fix the hot spots.
• Show all the related information when the hot spots are clicked.
2. Create a web page with all types of Cascading style sheets.
3. Client Side Scripts for Validating Web Form Controls using DHTML.
4. Installation of Apache Tomcat web server.
5. Write programs in Java using Servlets:
● To invoke servlets from HTML forms.
● Session Tracking.
6. Write programs in Java to create three-tier applications using JSP and Databases
● For conducting on-line examination.
● For displaying student mark list. Assume that student information is available in a
database which has been stored in a database server.
7. Programs using XML – Schema – XSLT/XSL.
,Ex:No:1 IMAGE MAP USING HTML
AIM:
To embed an image in HTML file and to fix hotspots in the map and to show related
information when clicked on hotspots.
ALGORITHM:
1. Create an Imagemap.html file using notepad
2. Link an jpeg file of indiamap using imgsrc and map tags
3. Fix hotspots in polygon (rect, circle) shape using area and link other html files using href tag
4. Set co-ordinates in places where hotspots to be displayed
5. Use separate html files to display various hotspot information
PROGRAM:
Imagemap.html
<html>
<head>
<title>Image Map</title>
</head>
<body><imgsrc="indiamap.jpg" usemap="#metroid" ismap="ismap">
<map name="metroid" id="metroid">
<area href="tamilnadu.html" shape="poly" coords="266,782,311,766,276,853" title='TAMIL
NADU'/>
<area href="karnataka.html" shape="poly" coords="187,645,235,626,240,733"
title='KARNATAKA'/>
<area href="andhrapradesh.html" shape="poly" coords="264,663,334,638,311,716"
title='ANDHRA PRADESH'/>
<area href="kerala.html" shape="poly" coords="213,767,238,846,252,838" title='KERALA'/>
</map>
</body>
</html>
Tamilnadu.html
<html>
<head>
<title>About Tamil Nadu</title>
</head>
<body>
<center><h1>Tamil Nadu</h1></center>
<hr>
<ul><li>Area: 1,30,058Sq.Kms</li>
<li>Capital: Chennai</li>
<li>Language: Tamil</li>
<li>Population: 6,21,10,839</li>
</ul>
</hr>
India Map
, </body>
</html>
Kerala.html
<html>
<head>
<title>About Kerala</title>
</head>
<body>
<center><h1>Kerala</h1></center>
<hr>
<ul><li>Area: 1,41,382Sq.Kms</li>
<li>Capital: Thiruvanthapuram</li>
<li>Language: Malayalam</li>
<li>Population: 7,21,10,839</li>
</ul>
</hr>
India Map
</body>
</html>
Andhrapradesh.html
<html>
<head>
<title>About Andra Pradesh</title>
</head>
<body>
<center><h1>Andhra Pradesh</h1></center>
<hr>
<ul><li>Area: 23,45,678Sq.Kms</li>
<li>Capital: Hyderabad</li>
<li>Language: Telugu</li>
<li>Population: 6,21,10,839</li>
</ul>
</hr>
India Map
</body>
</html>
Karnataka.html
<html>
<head>
<title>About Karnataka</title>
</head>
<body>
<center><h1>Karnataka</h1></center>
<hr>
<ul><li>Area: 1,43,143Sq.Kms</li>
<li>Capital: Banglore</li>
<li>Language: Tamil</li>
<li>Population: 14,31,43,143 </li> </ul>
Department of Computer Science and Engineering
Course Code: CCS375
Course Name: WEB TECHNOLOGY
Semester: III Year / V Semester
Regulations: AU-R2021
Academic year: 2023-24- ODD
, SYLLABUS
List of Programs
1. Create a web page with the following using HTML.
• To embed an image map in a web page.
• To fix the hot spots.
• Show all the related information when the hot spots are clicked.
2. Create a web page with all types of Cascading style sheets.
3. Client Side Scripts for Validating Web Form Controls using DHTML.
4. Installation of Apache Tomcat web server.
5. Write programs in Java using Servlets:
● To invoke servlets from HTML forms.
● Session Tracking.
6. Write programs in Java to create three-tier applications using JSP and Databases
● For conducting on-line examination.
● For displaying student mark list. Assume that student information is available in a
database which has been stored in a database server.
7. Programs using XML – Schema – XSLT/XSL.
,Ex:No:1 IMAGE MAP USING HTML
AIM:
To embed an image in HTML file and to fix hotspots in the map and to show related
information when clicked on hotspots.
ALGORITHM:
1. Create an Imagemap.html file using notepad
2. Link an jpeg file of indiamap using imgsrc and map tags
3. Fix hotspots in polygon (rect, circle) shape using area and link other html files using href tag
4. Set co-ordinates in places where hotspots to be displayed
5. Use separate html files to display various hotspot information
PROGRAM:
Imagemap.html
<html>
<head>
<title>Image Map</title>
</head>
<body><imgsrc="indiamap.jpg" usemap="#metroid" ismap="ismap">
<map name="metroid" id="metroid">
<area href="tamilnadu.html" shape="poly" coords="266,782,311,766,276,853" title='TAMIL
NADU'/>
<area href="karnataka.html" shape="poly" coords="187,645,235,626,240,733"
title='KARNATAKA'/>
<area href="andhrapradesh.html" shape="poly" coords="264,663,334,638,311,716"
title='ANDHRA PRADESH'/>
<area href="kerala.html" shape="poly" coords="213,767,238,846,252,838" title='KERALA'/>
</map>
</body>
</html>
Tamilnadu.html
<html>
<head>
<title>About Tamil Nadu</title>
</head>
<body>
<center><h1>Tamil Nadu</h1></center>
<hr>
<ul><li>Area: 1,30,058Sq.Kms</li>
<li>Capital: Chennai</li>
<li>Language: Tamil</li>
<li>Population: 6,21,10,839</li>
</ul>
</hr>
India Map
, </body>
</html>
Kerala.html
<html>
<head>
<title>About Kerala</title>
</head>
<body>
<center><h1>Kerala</h1></center>
<hr>
<ul><li>Area: 1,41,382Sq.Kms</li>
<li>Capital: Thiruvanthapuram</li>
<li>Language: Malayalam</li>
<li>Population: 7,21,10,839</li>
</ul>
</hr>
India Map
</body>
</html>
Andhrapradesh.html
<html>
<head>
<title>About Andra Pradesh</title>
</head>
<body>
<center><h1>Andhra Pradesh</h1></center>
<hr>
<ul><li>Area: 23,45,678Sq.Kms</li>
<li>Capital: Hyderabad</li>
<li>Language: Telugu</li>
<li>Population: 6,21,10,839</li>
</ul>
</hr>
India Map
</body>
</html>
Karnataka.html
<html>
<head>
<title>About Karnataka</title>
</head>
<body>
<center><h1>Karnataka</h1></center>
<hr>
<ul><li>Area: 1,43,143Sq.Kms</li>
<li>Capital: Banglore</li>
<li>Language: Tamil</li>
<li>Population: 14,31,43,143 </li> </ul>
