Create Beautiful Image Maps for Your Website

Add Pizzazz to Your Web Pages and Blog Posts
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
0 students enrolled
Instructed by Dan Perez Design / Graphic Design
Take This Course
  • Lectures 8
  • Length 37 mins
  • Skill Level Intermediate Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 1/2016 English

Course Description

This is a short but technical and detailed tutorial on how to convert an image graphic into an image map and successfully install it in a traditional website and a Wordpress site.

An image map is simply a graphic that has several, separately selected regions that link to external web pages. It can be abstract (a set geometric shapes) or a real image, such as a picture of five family members.

Image maps make websites more interesting and engaging. Rather than having a boring "Click Here" blue underlined hyperlink in your website, you can direct your visitors to the page you want by having them click an engaging image map; i.e. "Click each person for his/her bio."

Creating image maps and getting them to work can be tricky and frustrating, but after you watch this tutorial, which teaches the concepts of how image maps work and not just how to make them, you should have no problem!

What are the requirements?

  • Students need to have their own website or blog and know how to create and upload new pages. Wordpress is fine. It is helpful but not necessary to have an HTML editor like Dreamweaver; but Notepad will work, too. You will need a graphic design software. In this course I use Adobe Fireworks; but most graphic design software applications have similar tools (like Photoshop) and you should be able to duplicate the steps with a little research into your software's tools.

What am I going to get from this course?

  • Create cool image maps for a traditional website or Wordpress site. Image maps are single graphics that have one or more selected regions that link to external web pages.
  • Learn how Adobe Fireworks can be used to create image maps, and how the steps are similar to other popular graphic design applications.
  • Get ideas on the many different ways image maps can be used to enhance your website visitors' experience.

Who is the target audience?

  • Beginner to intermediate website owners/ bloggers who want to learn how to add image maps to their content. This course is designed so that anyone who has ever set up a website or created a website page or blog post can easily understand the entire process.
  • This skill is a must for website owners in the education, retail sales, art, fashion, medical and many other industries and niches.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Using Image Maps
Introduction from the Instructor
Intro to Using Image Maps
Section 2: Creating Hotspots on an Image
Using Fireworks Hotspot Tool
Creating an Image Map out of an Existing Image
Designing a Simple Graphic and Making it into an Image Map
Section 3: Adding the Image Map Code to a Website
Adding the Image Map to a Traditional Webpage
Adding the Image Map to a WordPress Page or Blogpost
BONUS: Quick Way to Give Any Square Image Rounded Edges!

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Dan Perez, Digital Marketer, Entrepreneur

I have a background in healthcare and am trained in digital marketing, having attended my first internet marketing seminar in 2002. Some of the courses I completed over the years include:

-Internet Marketing Center's (IMC) Internet Marketing Seminar

-Digital Marketer Traffic & Conversion, San Francisco

-Marketo Online Email Marketing Best Practices

-Brightcove Media Video Marketing Online Course

-GetResponse Online Email Marketing Best Practices Course

I do videography (shooting, editing and producing) primarily for online educational courses, email list building and marketing purposes. I completed the Videomaker Videography course in 2003 where I learned how to organize and plan a shoot. Afterwards, I gained more experience just by doing it.

I am proficient in YouTube marketing, Google AdWords and YouTube video ads; Facebook ads, email marketing best practices, copywriting, Wordpress blogging and affiliate marketing; particularly Amazon Affiliate marketing.

Currently, I am focusing on creating online courses on how to integrate online video with traditional email marketing platforms, and topic-specific educational videos in multiple niches.

Ready to start learning?
Take This Course