Git Product home page Git Product logo

ex-04-webtech_imagemap's Introduction

Places Around Me

Name:guntur shaik mohammad shahil

Ref:23011002

Aim:

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

Design Steps:

Step 1

Create a django admin interface

Step 2

Download yor city from google

Step 3

Using map create a html file

Step 4

Create clickable regions using area tag

Step 5

Write html programs and run it

Step 6

Execute the program and see the result

Code:

<html>
    <head>
        <title>
            MY CITY
        </title>
    </head>
    <body>
        <h1 align="center">
            <font color="red"><b>Thirupathi</b></font>
        </h1>
        <h2 align="center">
            <font color="violet"><b>Jeshwanth kumar 23002519</b></font>
        </h2>
        <center>
            <img src="map.png" usemap="#image_map">
<map name="image_map">
  <area alt="svmedical" title="svmedical" href="svm.html" coords="746,488,112" shape="circle">
  <area alt="svu" title="svu" href="svu.html" coords="353,868,615,1058" shape="rect">
  <area alt="central" title="central" href="central.html" coords="1025,630,1167,669" shape="rect">
  <area alt="zoo" title="zoo" href="zoo.html" coords="213,454,120" shape="circle">
  <area alt="both" title="both" href="both.html" coords="1212,679,1401,772" shape="rect">
</map>

        </center>
    </body>
</html>

svm.html
<html>
    <head>
        <title>
            SV Medical college

        </title>
        <img align="center">
        <img src="https://th.bing.com/th/id/OIP.C5ypXCSxGBJy2psdAB6CfQHaD-?rs=1&pid=ImgDetMain" alt="svm">
        <p>
            Sri Venkateswara Institute of Medical Sciences, a tertiary care referral centre and a jewel
             in the crown of the Tirumala Tirupati Devasthanams, Tirupati, has established itself as a Medical University
              of repute with the blessings of Lord Venkateswara.  SVIMS hospital has acquired the state-of-art equipment with well recognised faculty & best practices,
               svims offers evidence based patient centred care as well as population health taken active in population health management.
        </p>
    </head>
</html>

svu.html

<html>
    <head>
        <title>
            SV University

        </title>
        <img align="center">
        <img src="https://www.vidyabharati.in/wp-content/uploads/2022/02/b-ed-admissions-sri-venkateswara-university.png " alt="svu">
        <p>
            The university was founded in 1954 by the then Chief minister of Andhra Pradesh, 
            Tanguturi Prakasam Pantulu and Siram Govindarajulu Naidu as its founder vice-chancellor. The university campus covers
             a large area on land leased by Tirumala Tirupati Devasthanams.
        </p>
    </head>
</html>

central.html

<html>
    <head>
        <title>
            CENTRAL PARK

        </title>
        <img align="center">
        <img src="https://i.ytimg.com/vi/miiOqZ1xjig/maxresdefault.jpg" alt="central">
        <p>
            This Park is well designed and beautifully maintained by the Tirupati Municipal development corporation,
             and it is located in-between Kapilatheertham and RTC bus terminus.  Here one can enjoy the gentle, cool breeze and the atmosphere
              in the evenings at the Municipal Park. There is a water fountain in the entrance with multiple colors which give a remarkable experience to all,
             Lord Shiva and Ganga at the center is the main attraction of the park. Children’s will enjoy the environment. the park will be opened only in the evening from 4.00 pm to 9.00 pm in all days. 
        </p>
    </head>
</html>

zoo.html

<html>
    <head>
        <title>
            Zoo

        </title>
        <img align="center">
        <img src="https://i.ytimg.com/vi/pytIgM_TAak/maxresdefault.jpg" alt="zoo">
        <p>
            Sri Venkateswara Zoological Park, located on the foothills of Seshachalam
             hills in Tirupati,Andhra Pradesh.It is the largest zoological park in Asia interms of area.Established 
             in the year 1987,the zoo spreads over an area of 1254 hectares in Tirupati Reserve Forest Extn.The park is named after Lord Venkateswara ,the presiding deity of Tirumala
              Venkateswara temple.Developed on mythological theme,the park highlights the role of animals in mythology and spreads the message of conservation of nature with mythological impetus.
            Here the animals are exhibited in wider 
              and natural enclosures resembling their natural habitats..
        </p>
    </head>
</html>

both.html

<html>
    <head>
        <title>
            Both hospital

        </title>
        <img align="center">
        <img src="https://d2t60rd7vcv5ly.cloudfront.net/latest_screenshots/1488790249_login_screen.jpg" alt="both">
        <p>
            Both Hospital is a 60 bedded hospital at the prominent place in Tirupati.Both Hospital is fully equipped
             with advance technology and medical services are extended round the clock. They are happy to mention that because
              of their qualitative and economic services their  hospital stood as the best modern hospital in the entire Rayalaseema. 
        </p>
    </head>
</html>

Output:

WhatsApp Image 2023-11-23 at 09 42 44_33b2bb11

2 png 3 png 4 png 5 png 6 png

Result:

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.