To develop a website to display details about the places around my house.
Create a Django admin interface.
Download your city map from Google.
Using <map> tag name the map.
Create clickable regions in the image using <area> tag.
Write HTML programs for all the regions identified.
Execute the programs and publish them.
map.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>My City</title>
</head>
<body>
<h1 align="center">
<font color="red"><b>Villupuram</b></font>
</h1>
<h3 align="center">
<font color="blue"><b>Surothaaman R (23008504)</b></font>
</h3>
<center>
<img src="proxy.php?url=https%3A%2F%2Fgithub.com%2Fmap1.png" usemap="#MyCity" height="914" width="1920">
<map name="MyCity">
<area shape="rectangle" coords="785,332,946,405" href="proxy.php?url=https%3A%2F%2Fgithub.com%2Frail.html" title="Railaway station">
<area shape="rectangle" coords="1690,800,1863,895" href="proxy.php?url=https%3A%2F%2Fgithub.com%2Fsacredherat.html" title="Sacred Heart Convent">
<area shape="rectangle" coords="657,499,824,587" href="proxy.php?url=https%3A%2F%2Fgithub.com%2Fdell.html" title="dell">
<area shape="rectangle" coords="243,445,397,520" href="proxy.php?url=https%3A%2F%2Fgithub.com%2Ftitan.html" title="Titan world">
<area shape="rectangle" coords="1676,323,1804,419" href="proxy.php?url=https%3A%2F%2Fgithub.com%2Fsportsstadium.html"
title="villupuram district sports stadium">
</map>
</center>
</body>
</html>
dell.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Dell</title>
</head>
<body bgcolor="lime">
<h1 align="center">
<font color="red"><b>Villupuram</b></font>
</h1>
<h3 align="center">
<font color="blue"><b>Dell</b></font>
</h3>
<hr size="3" color="red">
<p align="justify">
<font face="Georgia" size="5">
Dell Inc. is an American based technology company. It develops, sells, repairs, and supports computers and
related products and services. Dell is owned by its parent company, Dell Technologies.
Dell sells personal computers (PCs), servers, data storage devices, network switches, software, computer
peripherals, HDTVs, cameras, printers, and electronics built by other manufacturers. The company is known
for how it manages its supply chain and electronic commerce. This includes Dell selling directly to
customers and delivering PCs that the customer wants. Dell was a pure hardware vendor until 2009 when it
acquired Perot Systems. Dell then entered the market for IT services. The company has expanded storage and
networking systems. It is now expanding from offering computers only to delivering a range of technology for
enterprise customers.
</font>
</p>
</body>
</html>
titan.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Titan</title>
</head>
<body bgcolor="lime">
<h1 align="center">
<font color="red"><b>Villupuram</b></font>
</h1>
<h3 align="center">
<font color="blue"><b>Titan</b></font>
</h3>
<hr size="3" color="red">
<p align="justify">
<font face="Georgia" size="5">
Titan Company Limited is an Indian company that mainly manufactures fashion accessories such as jewellery,
watches and eyewear. Part of the Tata Group and started as a joint venture with the TIDCO, the company has
its corporate headquarters in Electronic City, Bangalore, and registered office in Hosur, Tamil Nadu.
Titan company commenced operations in 1984 under the name Titan Watches Limited. In 1994, Titan diversified
into jewellery with Tanishq and subsequently into eyewear with Titan Eyeplus. In 2005, it launched its youth
fashion accessories brand Fastrack.[9] The company is the largest branded jewellery maker in India, with
more than 80% of its total revenues coming from the jewellery segment. As of 2022, Titan has a 6% market
share in India's jewellery market. As of 2019, it is also the fifth-largest watch manufacturer in the world.
</font>
</p>
</body>
</html>
rail.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Railaway station</title>
</head>
<body bgcolor="lime">
<h1 align="center">
<font color="red"><b>Villupuram</b></font>
</h1>
<h3 align="center">
<font color="blue"><b>Railaway station</b></font>
</h3>
<hr size="3" color="red">
<p align="justify">
<font face="Georgia" size="5">
Villupuram Junction is a railway station in Villupuram, Tamil Nadu. Being a prominent railway station, it
serves as the distribution point of rail traffic from Chennai, the state capital of Tamil Nadu, towards the
southern and central parts of the state. It is the third largest junction by number of branch lines in the
state of Tamil Nadu after Salem junction,Tiruchchirapalli Junction . It is one of the A Grade train stations
in Tamil Nadu.[1]
</font>
</p>
</body>
</html>
sportsstadium.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>villupuram district sports stadium</title>
</head>
<body bgcolor="lime">
<h1 align="center">
<font color="red"><b>Villupuram</b></font>
</h1>
<h3 align="center">
<font color="blue"><b>villupuram district sports stadium</b></font>
</h3>
<hr size="3" color="red">
<p align="justify">
<font face="Georgia" size="5">
in the heart of Villupuram, amidst the lush landscapes and vibrant culture of Tamil Nadu, lies a place where
dreams are nurtured, champions are born, and the spirit of sportsmanship thrives. The Villupuram District
Sports Stadium, often called the "Pride of Sports" in this region, is more than just an arena; it's a symbol
of the community's dedication to athletic excellence.
Situated on the outskirts of Villupuram town, the stadium is a sprawling complex that caters to a multitude
of sports and recreational activities. Its prominent feature is a well-maintained cricket field, where local
and regional cricket matches are held regularly. The deafening cheers and enthusiastic applause of the crowd
resonate through the stadium, giving life to the very spirit of the game.
</font>
</p>
</body>
</html>
The program for implementing image maps using HTML is executed successfully.