Question

Web Development a) Locate a simple map of any state on the Internet (make sure it...

Web Development

a) Locate a simple map of any state on the Internet (make sure it is not copyrighted).

b) Create an HTML program that transforms this map into an image map.

c) Select 3 areas on the state map

d) When the area is clicked on the map a website related to that area is displayed (you pick the web site).

0 0
Add a comment Improve this question Transcribed image text
Answer #1

//code screenshot

//map.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title> Florida Map</title>
</head>
<body>
<img src="Florida_map.png" width="750" height="650" usemap="#statemap">

<map name="statemap">
<area shape="rect" coords="0,0,375,160" href="eastflorida.html" >
<area shape="rect" coords="375,0,650,300" href="nothflorida.html" >
<area shape="rect" coords="450,300,750,625" href="southflorida.html" >
</map>

</body>
</html>

//nothflorida.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Noth Florida</title>
</head>
<body>
<h1>Welcome to North Florida</h1>
</body>
</html>

//eastflorida.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>East Florida</title>
</head>
<body>
<h1>Welcome to East Florida</h1>
</body>
</html>

//southflorida.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>South Florida</title>
</head>
<body>
<h1>Welcome to South Florida</h1>
</body>
</html>

//image

//output screenshot

Add a comment
Know the answer?
Add Answer to:
Web Development a) Locate a simple map of any state on the Internet (make sure it...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions
  • please help me with this project subject: Web and Mobile Development You are to create a...

    please help me with this project subject: Web and Mobile Development You are to create a page that has four images that are links to other schools in the New England area. Each image is to be controlled in size by a CSS responsive design. The page is to appear balanced by an appropriate, complimentary, background color. White is not an option as a background color. Look up how to make image links on W3Schools. There is to be a...

  • Creating the Home and Template Pages Overview In this assignment, you will start building your Web...

    Creating the Home and Template Pages Overview In this assignment, you will start building your Web site for your fictional organization by creating a homepage using HTML5 and some of the key elements that define a Web page. You are required to use either a simple text editor to write your code, or an enhanced text editor such as Brackets. Note: Microsoft Word is not a good tool for developing code because it is a document processor and not a...

  • Devlop a python program as simple as possible: Make sure the program run properly and Incude...

    Devlop a python program as simple as possible: Make sure the program run properly and Incude the ouput with the program.Thanks. Write a program to help determine the likelihood of winning the lottery. People pick six integers from 1 to 59, inclusive. Six lottery numbers are selected at random from the same range. If a person's six numbers match the lottery-selected numbers, the person wins a large cash prize. If the user matches any five of the six lottery-selected numbers,...

  • Design an original, professional web site following the specifications listed below. This web sit...

    Design an original, professional web site following the specifications listed below. This web site will be for a business you plan to set up for yourself or for someone else. The following is a detailed list of the requirements for your web site. READ them carefully. Instructions - Web Site Requirements for the web site: General: You will thoroughly test all your pages in more than one browser. All links MUST work. All graphics must show on the page. All...

  • CIS363 Web Interface Design With Lab Lab 4: Navigation, Graphics and Slideshows Instructions Scenario Obtain 10...

    CIS363 Web Interface Design With Lab Lab 4: Navigation, Graphics and Slideshows Instructions Scenario Obtain 10 original photos. Research on the Internet and find some code that will allow you to create a slideshow. Create a page with your photos and the code that you find. Create a Word document showing the source for your slideshow code. Be sure to document your HTML code as well. Lab Steps Part A: Get Photos The photos can be obtained through http://quest.eb.com.proxy.devry.edu/ or...

  • i need help with this homework webpage and code too: The webpage must include: Global Structure...

    i need help with this homework webpage and code too: The webpage must include: Global Structure Tags Text Tags Images   Your first page must be named index.html Include a table within your site, challenge yourself to add a header in the table, and choose interesting border and/or cell formatting. Include a hyperlink within your site. Include an image in your site. Include a form in your site to demonstrate understanding of a variety of form components (the form does not...

  • For milestone #1, we will start the CARIT site with three static HTML pages and a...

    For milestone #1, we will start the CARIT site with three static HTML pages and a CSS file. Create a dedicated folder for this project. This folder should contain all related files in this project. The future milestones are cumulative and built directly on top of your prior work. Function/content requirements: A home page named “index.html”, which include these contents at least: Description of the center. You may reference the example sites. Latest news: use list tags; make up some...

  • CSET 3200 HOMEWORK 7 The resource to help you in this homework is located in Blackboard...

    CSET 3200 HOMEWORK 7 The resource to help you in this homework is located in Blackboard in the HTML Tutorial. Use Visual studio WEB Site to: Design a website for an institution; Rocket University. The website must contain the following links tabbed next to each other: 1. About. When one clicks on this link, it gives a brief description about Rocket University, the address of Rocket University, and a background image. Come up with your own description. 2. Academics. When...

  • This week, you will start a course project. For this project, you will design and develop...

    This week, you will start a course project. For this project, you will design and develop a small website for a travel company. You will develop this website across the span of the course, building new project components each week, until you have a live, hosted website at the end of the course. This project is designed to replicate real-life situations where the clients provide only a few of their requirements and expect a prototype to be developed. Scenario Express...

  • I cant complete this assignment, I have tried several ways shown in the tutorial but cant...

    I cant complete this assignment, I have tried several ways shown in the tutorial but cant seem to get it to validate, can anyone help? This is a basic JavaScript tutorial and will not validate with Jquery. Monroe Public Library Denise Kruschev manages the website for the Monroe Public Library in Monroe, Ohio. One of her responsibilities is to add content and links to the site that will be of interest to the library’s patrons. Denise has asked you to...

ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT