Git Product home page Git Product logo

nearme's Introduction

Places Nearr Me

AIM:

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

Design Steps:

Step 1:

Creating Repository:

First, a path to make a folder where git needs to be created is identified.
Fork the repository (https://github/gowriganeshns/places-around-me)
Clone the repository

After cloning the folder with the repository name places-around-me will be created

Step 2:

Write the following commands

cd serverside

django-admin startproj myproj

>Then move into the folder myproj where manage.py file is located. Now give the commands to create myapp

python3 manage.py startapp myapp

.Then change the necessary settings in the settings.py.

from pathlib import Path
import os

ALLOWED_HOSTS = ['*']

INSTALLED_APPS = [
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'myapp'
]
STATICFILES_DIR=[
os.path.join(BASE_DIR,'static')
]

>Now go to /home/sec/FWAD/ex04/places-around-me/myproj and type the following commands
 
 1. mkdir static
 2. cd static
 3. mkdir html
 4. cd html
 5. touch garden.html
 6. touch ground.html
 7. touch home.html
 8. touch lake.html
 9. touch park.html
 10.touch map.html

 >Select the image file required for the project, go to imagemap.org and use the tools provided to create html code for image mapping, and paste the code in map.html

Code:

  1. map.html
<title>Server test</title>

imagemaps demo

  1. park.html
<title>park</title>

local park

  1. lake.html
<title>lake</title>

local lake

  1. home.html
<title>house</title>

This is my house

  1. ground.html
<title>Cricket ground</title>

local cricket ground

  1. garden.html
<title>Garden</title>

local garden

Output:

Imagemap interface : 285762895-044f6fc7-25fa-4013-84cf-7ff7f8abc790

House interface: 285762990-06bc82e6-e67c-4fd4-bbca-12bad845b765

Garden Interface: 285763040-35dc99dd-93a1-46ff-a39e-78f20030aaed

Park Interface: 285763072-1987c39a-57d3-4117-a59a-fdaceb40f56e

Ground Interface: 285763102-94c9a1e8-eeaf-45c2-8047-805e62a1ae15

Lake Interface:

Result:

Imagemap interface has been created succesfully. 285763143-847bf366-0478-49ee-9685-10111f7f0dda

RESULT

The program for implementing image maps using HTML is executed successfully.

nearme's People

Contributors

selvasachein avatar shilo-05 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.