To develop a website to display details about the places around my house.
CLONE THE GIT REPOSITORY INTO THEIA IDE
CREATE A NEW DJANGO PROJECT
WRITE THE NEEDED HTML CODE
RUN THE DJANGO SERVER AND EXECUTE THE HTML FILES
INDEX.HTML
<!DOCTYPE html>
<html>
<head>
<title>
IMAGE MAPS
</title>
</head>
<body>
<h1 align="center" >
<font color="red" >
Image Map Of My Home Town
</font>
</h1>
<h3 align="center">
</h3>
<center>
<img id="Image-Maps-Com-image-maps-2023-04-22-153849" src="/static/image/map.png" border="0" width="754" height="523" orgWidth="754" orgHeight="523" usemap="#image-maps-2023-04-22-153849" alt="" />
<map name="image-maps-2023-04-22-153849" id="ImageMapsCom-image-maps-2023-04-22-153849">
<area alt="" title="SCHOOL" href="school.html" shape="rect" coords="676,455,735,505" style="outline:none;" target="_self" />
<area alt="" title="SALOON" href="saloon.html" shape="rect" coords="302,143,361,193" style="outline:none;" target="_self" />
<area alt="" title="GYM" href="gym.html" shape="rect" coords="535,16,594,66" style="outline:none;" target="_self" />
<area alt="" title="CHURCH" href="church.html" shape="rect" coords="93,19,152,69" style="outline:none;" target="_self" />
<area alt="" title="THEATRE" href="theatre.html" shape="rect" coords="166,327,225,377" style="outline:none;" target="_self" />
<area alt="" title="COURIER" href="courier.html" shape="rect" coords="445,379,515,407" style="outline:none;" target="_self" />
<area shape="rect" coords="752,521,754,523" alt="Image Map" style="outline:none;" title="Image Map" href="https://www.image-maps.com/" />
</map>
</center>
<p align="center">
<font color="maroon" face="Comic Sans MS" >
This Image Map shows various locations around my home.<br>
Click the location and get information about it.
</font>
</p>
</body>
</html>
SCHOOL.HTML
<!DOCTYPE html>
<html>
<head>
<title>
SCHOOL
</title>
</head>
<body >
<h1 align="center">
<font color="blue" face="cursive">
BHARATHIDHASANAR
</font>
</h1>
<p align="center">
<font color="black" face="Comic Sans MS" size="24">
<OL TYPE="1" START="1">
<LI>This is the school which is so close to my home.<br></LI>
<LI>Kendhra Vidhyalaya school provides best NCC training for students.<br></LI>
<LI> This school provides nutritious and free meals for all the students..<br></LI>
<LI> This school is a co-ed, that is, it gives admission to both, girls and boys.<br></LI>
</OL>
</font>
<font color ="red" face = "cursive" size="16" >
"SCHOOL IS WHERE OUR STORY BEGINS"
</font>
</p>
</body>
</html>
SALOON.HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>SALOON</title>
</head>
<body bgcolor="cyan">
<h1 align="center">
<font color="red"><b>ARAKKONAM SALOON</b></font>
</h1>
<h3 align="center">
<font color="blue"><b>TOP KNOT SALOON</b></font>
</h3>
<hr size="3" color="red">
<p align="justify">
<font face="Courier New" size="5">
<b>
Beauty is the gift of god and transmitted from one to the other generation.
The beauty parlour shop is the need of every age of men women and children famours poet keats defined the word beauty as
: " A thing of beauty is a joy for ever:
Beauty parlour is a very important shop to make the people good looking by application of cosmetics treatment of hair and nourishment of skin by various methods .
Life style is fast changing in the modern era and the women have become more conscious about their make up the status of women has improved a lot and is improving further .
This has resulted in their life style changing.
Also their economic independence encourages them to resort this type of services.
</b>
</font>
</p>
</body>
</html>
GYM.HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>GYM</title>
</head>
<body bgcolor="yellow">
<h1 align="center">
<font color="red"><b>ARAKKONAM</b></font>
</h1>
<h3 align="center">
<font color="blue"><b>CLASSIC FITNESS</b></font>
</h3>
<hr size="3" color="red">
<p align="justify">
<font face="Courier New" size="5">
<b>
A gymnasium, also known as a gym, is an indoor location for athletics.
The word is derived from the ancient Greek term "gymnasium".
They are commonly found in athletic and fitness centers, and as activity and learning spaces in educational institutions.
"Gym" is also slang for "fitness centre", which is often an area for indoor recreation.
A "gym" may include or describe adjacent open air areas as well.
In Western countries, "gyms" (or pl: gymnasia") often describe places with indoor or outdoor courts
for basketball, hockey, tennis, boxing or wrestling, and with equipment and machines used for
physical development training, or to do exercises. In many European countries,
Gymnasium (and variations of the word) also can describe a secondary school that prepares
students for higher education at a university, with or without the presence of athletic courts, fields, or equipment.
</b>
</font>
</p>
</body>
</html>
CHURCH.HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>CHURCH</title>
</head>
<body bgcolor="cyan">
<h1 align="center">
<font color="red"><b>ARAKKONAM</b></font>
</h1>
<h3 align="center">
<font color="blue"><b>CSI SILVER CHURCH</b></font>
</h3>
<hr size="3" color="red">
<p align="justify">
<font face="Courier New" size="5">
<b>
The Church of Our Lord Jesus Christ was the name of the church I attended during the last couple of weeks.
It was my friends’ church that was located in Brazil, Indiana.
It was a fairly small church compared to other churches I have been to.
It was a primarily black church with a few other races that attended also.
This church had a guy drumming during every song that was song.
I found this church to be very different from the ones we discussed in class.
This church service was interesting to me because the worship service was charismatic
and it inspired many that were in the church at the time.
During the time we spent in class talking about the culture of churches,
one thing that stood out to me was that no one caught the Holy Ghost like we watched in the video in class.
</b>
</font>
</p>
</body>
</html>
THEATRE.HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>THEATRE</title>
</head>
<body bgcolor="bisque">
<h1 align="center">
<font color="red"><b>ARAKKONAM</b></font>
</h1>
<h3 align="center">
<font color="blue"><b>SINDHU CINEMAS</b></font>
</h3>
<hr size="3" color="red">
<p align="justify">
<font face="Courier New" size="5">
<b>
A theatre company is an organisation that produces theatrical performances,
as distinct from a theatre troupe (or acting company), which is a
group of theatrical performers working together.
Modern theatre includes performances of plays and musical theatre.
The art forms of ballet and opera are also theatre and use many conventions
such as acting, costumes and staging. They were influential to the development
of musical theatre.
</b>
</font>
</p>
</body>
</html>
COURIER.HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>COURIER</title>
</head>
<body bgcolor="lavender">
<h1 align="center">
<font color="red"><b>ARAKKONAM</b></font>
</h1>
<h3 align="center">
<font color="blue"><b>DTDC COURIER</b></font>
</h3>
<hr size="3" color="red">
<p align="justify">
<font face="Courier New" size="5">
<b>
A courier is a person or organization that delivers a message,
package or letter from one place or person to another place or person.
Typically, a courier provides their courier service on a commercial
contract basis; however, some couriers are government or state agency
employees (for example: a DTDC courier).
</b>
</font>
</p>
</body>
</html>
THE PROGRAM FOR IMPLEMENTING IMAGEMAP IS EXECUTED SUCCESSFULLY