GithubHelp home page GithubHelp logo

places-around-me's Introduction

Places Around Me

AIM:

To develop a website to display details about the places around my house.

Design Steps:

Step 1:

clone the github respository into Theia IDE

Step 2:

create a new django project

Step 3:

write the needed HTML code

Step 4:

run the django server and execute the HTML files

Code:

MAP

<!DOCTYPE html>
<html lang="en">
<head>
<title>My City</title>
</head>
<body>
<h1 align="center">
<font color="red"><b>Ponneri</b></font>
</h1>
<h3 align="center">
<font color="blue"><b>Karthick P (212222100021)</b></font>
</h3>
<center>

<img id="Image-Maps-Com-image-maps-2023-05-30-123444" src="/static/images/map hometown.png" border="0" width="1600" height="809" orgWidth="1600" orgHeight="809" usemap="#image-maps-2023-05-30-123444" alt="" />
<area shape="rectangle"coords="776,199,914,321" href="/static/html/school.html"title="school">
<area shape="rectangle"coords="230,676,365,753" href="/static/html/church.html"title="church">
<area shape="rectangle"coords="251,49,403,146" href="/static/html/college.html"title="college">
<area shape="rectangle"coords="1037,197,1172,300" href="/static/html/gym.html"title="gym">
<area shape="rectangle"coords="420,597,593,733" href="/static/html/temple.html"title="temple">
</map>
</center>
</body>
</html>



COLLEGE


<!DOCTYPE html>
<html lang="en">
    <head>
<title>Ponneri</title>
</head>
<body bgcolor="green">
<h1 align="center">
<font color="red"><b>Ponneri</b></font>
</h1>
<h3 align="center">
<font color="blue"><b>COLLEGE</b></font>
</h3>
<hr size="3" color="red">
<p align="justify">
<font face="Tahoma" size="5">
A school is an educational institution designed to provide learning spaces and learning environments for the teaching of students under the direction of teachers. Most countries have systems of formal education, which is sometimes compulsory.[2] In these systems, students progress through a series of schools. The names for these schools vary by country (discussed in the Regional terms section below) but generally include primary school for young children and secondary school for teenagers who have completed primary education. An institution where higher education is taught is commonly called a university college or university. 
</font>
</p>
</body>
</html>

CHURCH


<!DOCTYPE html>
<html lang="en">
    <head>
<title>Ponneri</title>
</head>
<body bgcolor="red">
<h1 align="center">
<font color="red"><b>Ponneri</b></font>
</h1>
<h3 align="center">
<font color="blue"><b>CHURCH</b></font>
</h3>
<hr size="3" color="red">
<p align="justify">
<font face="Tahoma" size="5">
In ecclesiology, the Christian Church is what different Christian denominations conceive of as being the true body of Christians or the original institution established by Jesus.[1][2][3] "Christian Church" has also been used in academia as a synonym for Christianity, despite the fact that it is composed of multiple churches or denominations, many of which hold a doctrinal claim of being the "one true church", to the exclusion of the others.[4][5][6]

For many Protestant Christians, the Christian Church has two components: the church visible, institutions in which "the Word of God purely preached and listened to, and the sacraments administered according to Christ's institution", as well as the church invisible—all "who are truly saved" (with these beings members of the visible church).[7][2][8] In this understanding of the invisible church, "Christian Church" (or catholic Church) does not refer to a particular Christian denomination, but includes all individuals who have been saved.[2] The branch theory, which is maintained by some Anglicans, holds that those Churches that have preserved apostolic succession are part of the true Church.[9] This is in contrast to the one true church applied to a specific concrete Christian institution, a Christian ecclesiological position maintained by the Catholic Church, the Eastern Orthodox Church, the Oriental Orthodox churches, Assyrian Church of the East and the Ancient Church of the East.[1][10][3] 
</font>
</p>
</body>
</html>

TEMPLE

<!DOCTYPE HTML>

<!DOCTYPE html>
<html lang="en">
    <head>
<title>Ponneri</title>
</head>
<body bgcolor="cyan">
<h1 align="center">
<font color="red"><b>Ponneri</b></font>
</h1>
<h3 align="center">
<font color="blue"><b>TEMPLE</b></font>
</h3>
<hr size="3" color="red">
<p align="justify">
<font face="Tahoma" size="5">
A temple (from the Latin templum) is a building reserved for spiritual rituals and activities such as prayer and sacrifice. Religions which erect temples include Christianity (whose temples are typically called churches), Hinduism, Buddhism, Sikhism (whose temples are called gurudwara), Jainism (whose temples are sometimes called derasar), Islam (whose temples are called mosques), Judaism (whose temples are called synagogues), Zoroastrianism (whose temples are sometimes called Agiary), the Baha'i Faith (which are often simply referred to as Baha'i House of Worship), Taoism (which are sometimes called Daoguan), Shinto (which are sometimes called Jinja), Confucianism (which are sometimes called the Temple of Confucius), and ancient religions such as the Ancient Egyptian religion and the Ancient Greek religion.

The form and function of temples are thus very variable, though they are often considered by believers to be, in some sense, the "house" of one or more deities. Typically, offerings of some sort are made to the deity, and other rituals are enacted, and a special group of clergy maintain and operate the temple. The degree to which the whole population of believers can access the building varies significantly; often parts, or even the whole main building, can only be accessed by the clergy. Temples typically have a main building and a larger precinct, which may contain many other buildings or may be a dome-shaped structure, much like an igloo. 
</font>
</p>
</body>
</html>

GYM


<!DOCTYPE html>
<html lang="en">
    <head>
<title>Ponneri</title>
</head>
<body bgcolor="blue">
<h1 align="center">
<font color="red"><b>Ponneri</b></font>
</h1>
<h3 align="center">
<font color="blue"><b>GYM</b></font>
</h3>
<hr size="3" color="red">
<p align="justify">
<font face="Tahoma" size="5">
Gymnasia apparatus like barbells, jumping boards, running paths, tennis-balls, cricket fields, and fencing areas are used for exercises. In safe weather, outdoor locations are the most conducive to health.[2] Gyms were popular in ancient Greece. Their curricula included self-defense, gymnastics medica, or physical therapy to help the sick and injured, and for physical fitness and sports, from boxing to dancing to skipping rope.[3]

Gymnasia also had teachers of wisdom and philosophy. Community gymnastic events were done as part of the celebrations during various village festivals. In ancient Greece there was a phrase of contempt, "He can neither swim nor write." After a while, however, Olympic athletes began training in buildings specifically designed for them.[4] Community sports never became as popular among ancient Romans as it had among the ancient Greeks. Gyms were used more as a preparation for military service or spectator sports. During the Roman Empire, the gymnastic art was forgotten. In the Dark Ages there were sword fighting tournaments and of chivalry; and after gunpowder was invented sword fighting began to be replaced by the sport of fencing, as well as schools of dagger fighting and wrestling and boxing.[5]

In the 18th century, Salzmann, a German clergyman, opened a gym in Thuringia teaching bodily exercises, including running and swimming. Clias and Volker established gyms in London, and in 1825, Doctor Charles Beck, a German immigrant, established the first gymnasium in the United States. It was found that gym pupils lose interest in doing the same exercises, partly because of age. Variety in exercises included skating, dancing, and swimming. Some gym activities can be done by 6 to 8-year-olds, while age 16 has been considered mature enough for boxing and horseback riding.[6] 
</font>
</p>
</body>
</html>

SCHOOL


<!DOCTYPE html>
<html lang="en">
    <head>
<title>Ponneri</title>
</head>
<body bgcolor="yellow">
<h1 align="center">
<font color="red"><b>Ponneri</b></font>
</h1>
<h3 align="center">
<font color="blue"><b>SCHOOL</b></font>
</h3>
<hr size="3" color="red">
<p align="justify">
<font face="Tahoma" size="5">
A school is an educational institution designed to provide learning spaces and learning environments for the teaching of students under the direction of teachers. Most countries have systems of formal education, which is sometimes compulsory.[2] In these systems, students progress through a series of schools. The names for these schools vary by country (discussed in the Regional terms section below) but generally include primary school for young children and secondary school for teenagers who have completed primary education. An institution where higher education is taught is commonly called a university college or university. 
</font>
</p>
</body>
</html>

Output:

full map

college church

temple gym

school

Result:

The Program for implementing image map is executed successfully

places-around-me's People

Contributors

obedotto avatar karthickop6 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.