Website Builders.com

  • Home
  • Builder Reviews
        • Our team have carefully reviewed a selection of premium website building platform, making it easier for you to choose the right one.

          While most website builders are compatible for generic  website building, including online stores, blogs and generic websites, some are better than others depending on what your website type.

        • Website Builder Reviews

          GoDaddy

          IM Creator

          Jimdo

          Squarespace

          Voog

          Weebly

          Wix

          WordPress

        • Store Builder Reviews

          BigCommerce

          GoDaddy Store

          Shopify

          Weebly

          Wix

          Yola

        • Comparisons

          Wix vs. Weebly

          Shopify vs. BigCommerce

  • Start A Blog
  • How To Guides
        • With over 500 pages of detailed tutorials and guides, our guides cover a large chunk of online topics.

          Learn crafty tips and tricks to make your time online smooth. Our directory is useful for internet newbies, as well as aspiring website builders.

          Check out the full directory.

        • Building a Website

          How To Build a Website

          Name Your Website – Domain

          Picking a Web Hosting Service

          Content and User Experience

          More

        • Searching and Research

          Searching the Web

          Doing Research Online

          The World of Wiki

          Finding Videos Online

          More

        • E-mails – Basics and Advanced

          Getting Started

          Sending an E-mail Message

          Opening Attachments

          Sending Attachments

          More

        • Social Media & Communication

          Instant Messaging

          Online Networking

          Facebook

          LinkedIn

          More

        • Files, Downloads, Software & Installs

          File Formats and Extensions

          Install Plug-Ins

          How to Download Files

          Downloading Software

          More

        • Making Money Online

          Making Money with Facebook

          Affiliate Marketing

          Virtual Assistant

          Writing Articles

          More

        • Online Shopping

          10 Tips for Smart and Safe Shopping

          Smart Shopping

          Protecting Personal Information

          Looking for Discounts

          More

  • Website Builder Tools Your Business Can’t Do Without (+ Links To Useful Resources)
    • HTML Character Codes
    • Advertiser Tracking Cookies: There ARE Ways To Opt Out – Here’s How
    • Website Glossary
  • Our Blog
        • Recent Posts

          When you have awesome writers, it is easy to spread wisdom. Take a look at some of our recent posts on various internet and website related topics.

          Have any suggestions on topics? Don’t hold back, send us your ideas:

          [email protected]

        • 12 Simple Rules on How to Use E-mail Politely

          Live Chat Software: Is it Worth It? Facebook Says Yes.

          Algorithmic Warfare: Is it the Beginning or the End?

          How to Promote Your Pet Business Online

          DIY Marketing: 7 Steps for any Business Owner

        • 20 Ideas to Generate Your First Online Sale

          Complete Guide to Content Marketing

          8 Best Free Photo Editors for Product Photosraphy

          Press Kits: DIY to Free Media Hype

          Why Backlinks are Essential for SEO – How To Build Them

  • About Us
    • Contact Us
    • FAQ
    • How Did You Make This Site?
    • How the Website Is Funded
    • Our Team
You are here: Home / The Complete List Of How-To Tutorials For Internet Dummies / The Interactive Glossary: Defining the Net / Image Map Definition | The Interactive Glossary

Image Map Definition | The Interactive Glossary

Disclosure: Your support helps keep the site running! We earn a referral fee for some of the services we recommend on this page. Learn more

Contents

  • 1 Image Map
  • 2 Frequently Asked Questions
    • 2.1 How do I create an image map?
    • 2.2 Does the clickable section of an image map have to be a certain shape?
    • 2.3 How do I know where each part of an image map is linked to?
    • 2.4 How can I tell if a picture is an image map?
  • 3 Glossary Index

Image Map

A graphic divided into regions or “hotspots.”, that when clicked, accesses a web page that is linked to a particular region.

A typical example of an image map is a website that offers national information organized by state. Clicking on a state on a map of the United States calls up the appropriate page. Image maps can also be used as website homepages, wherein a graphic illustrates the various areas of the site, and clicking on a particular section opens the corresponding site page.

Image maps are used when a visual display is more effective than a text-based menu system. In the example above, providing an alphabetical list of each state with hyperlinks to their corresponding information page would work fine, but providing a map makes it easier for users to locate their particularly state and may also provide additional benefits, such as the ability to color-code sections to provide additional information. News sites often use this type of image map to present election-night results, wherein each state is color-coded by the candidate or party that won the majority of votes and clicking on an individual state will take readers to detailed, state-specific election results.

Also See: Anchor, Hyperlink, Bitmapped Image

Frequently Asked Questions

How do I create an image map?

Any image can be turned into an image map. The easiest way is to use image map creation software, web development suites such as Adobe’s Dreamweaver, or by using a plug-in for your web creation software or content management system. You can also create one using standard HTML, by first attributing an image as an image map, and then assigning clickable regions to the image based on their shape and coordinates.

Does the clickable section of an image map have to be a certain shape?

You can create clickable regions of predefined shapes, such as rectangles and circles, or you can create a free-form shape, such as the shape of an individual state or even the shape of individual persons in a photograph. Free-form regions become more difficult when coding the image map in HTML, as you would need to know the coordinates for every turn; however, this can easily be managed using image map software or plugins, many of which allow you to draw the outline with your mouse or a stylus.

How do I know where each part of an image map is linked to?

As with any hyperlink, hovering over a clickable region in an image map will display the destination URL, either as a pop-up or along the lower-left corner of your web browser’s screen. On a mobile device, press and hold the clickable section to see its destination.

How can I tell if a picture is an image map?

If you’re using a desktop or laptop, swipe your cursor over the image. If the link address changes as you move to different regions, it’s an image map. Some image maps may even highlight the regions as you hover over them. It is more difficult to identify an image map on a mobile device; in those cases, you may need to press on various parts of the image to see if you get different links.


Glossary Index

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

Latest Posts

Hosting

Black Friday 2023: Website Builder & Web Hosting Deals For Webmasters [Updated]

Uncategorized

Why WebsiteBuilders.com Got Hacked (Yes, You Can Blame Social Warfare)

E-mail Internet

E-Mail Etiquette: 12 Basic Rules For Politely Using E-Mail

Marketing social networking

Live Chat Software: Should You Invest In It? (It’s Easier Than You Think)

Computer Science

Never Heard Of Algorithmic Warfare? Then You’d Better Read This

Marketing

How To Successfully Promote Your Pet Business Online With Minimum Effort

Most Popular Reviews

  • Website Builder Reviews
  • Wix
  • Weebly
  • Squarespace
  • GoDaddy Website Builder
  • Shopify

Recent Posts

  • Black Friday 2023: Website Builder & Web Hosting Deals For Webmasters [Updated] November 5, 2019
  • Why WebsiteBuilders.com Got Hacked (Yes, You Can Blame Social Warfare) March 23, 2019
  • E-Mail Etiquette: 12 Basic Rules For Politely Using E-Mail November 15, 2017

About WebsiteBuilders.com

Everything you need to know about the WebsiteBuilders.com team.

About Us

Our Team

How The Website Is Funded

Privacy Policy

© 2017-2022 Website Builders.com | Sitemap