To develop a website to display details about the places around my house.
close the giyhub repository into theia IDE
Create a new Django project
Write theneeded HTML code
Run the Django server and execute the HTNL files
map.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>My City</title>
</head>
<body>
<h1 align="center">
<font color="red"><b>Morappur</b></font>
</h1>
<h3 align="center">
<font color="blue"><b>Jayasri.D (22009434)</b></font>
</h3>
<center>
<img src="/static/images/map.png" usemap="#MyCity" height="420" width="1100">
<map name="MyCity">
<area shape="circle" coords="190,50,20" href="/static/html/ghs.html" title="Govt. Higher Secondary School">
<area shape="rectangle" coords="230,30,260,60" href="/static/html/rto.html" title="RTO Office">
<area shape="circle" coords="400,350,50" href="/static/html/vk.html" title="Washerman's Lake">
<area shape="circle" coords="400,200,75" href="/static/html/bus.html" title="Hi-Tech Bus Stand">
<area shape="rectangle" coords="490,150,870,320" href="/static/html/park.html" title="Eco-Park">
</map>
</center>
</body>
</html>
Apty.html
!DOCTYPE html>
<html lang="en">
<head>
<title> AVALAMPATTI </title>
</head>
<body style="background-color: #FFE9F8;">
<h1> AVALAMPATTI </h1>
<h2>SMALL VILLAGE</h2>
<p>Avalampatti is a small Village/hamlet in Morappur Block in Dharmapuri District of Tamil Nadu State, India.</p>
<p>It comes under Bannikulam Panchayath.</p>
<p>It is located 28 KM towards East from District head quarters Dharmapuri</p>
<p> 4 KM from Morappur. 267 KM from State capital Chennai</p>
<p>Avalampatti, Thasiri Alli Post is a prominent landmark in the area and this establishment is in close proximity to the same</p>
</body>
</html>
</body>
</html>
ndpt.html
<!DOCTYPE html>
<html lang="en">
<head>
<title> NADUPATTI </title>
</head>
<body style="background-color: #FFE9F8;">
<h1> NADUPATTI </h1>
<h2>SMALL VILLAGE</h2>
<p>Nadupatti village is located in Harur taluka of Dharmapuri district in Tamil Nadu, India. It is situated 14km away from sub-district headquarter Harur</p>
<p>As per 2009 stats, Nadupatti village is also a gram panchayat.</p>
<p>There are about 268 houses in nadupatti village</p>
<p>Uthukuli is nearest town to nadupatti village for all major economic activities.</p>
<p>The total geographical area of village is 512.34 hectares.</p>
</body>
</html>
temple.html
<!DOCTYPE html>
<html lang="en">
<head>
<title> MUNEESWARAN TEMPLE </title>
</head>
<body style="background-color: #E9FFF0;">
<h1> MUNEESWARAN TEMPLE </h1>
<h2>MUNEESWARAN temple in morappur,dharmapuri</h2>
<h3>It is one of the famous temple in morappur</h3>
<h2>Things available in temple</h2>
<h3>Lakhs of pepole visit the temple every month</h3>
</html>
The program for implememting image map is executed successfully
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent