Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Adobe Dreamweaver CC
  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Books

Bookmark and Share

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

Image Maps or Hotspots

  • An image map or hotspot is a way to create multiple links within a single image
  • We will look at how to create these hotspots using Dreamweaver image map tools
  • First we need to select the image and give our map a name
  • We will create 3 hotspots, one for each of the hotspot tools
  • There is a txt file called graz-armory-hotspots.txt in the text folder that contains the hyperlinks
  • Open the graz-armory-hotspots.txt file and tile Austria.html and the text file so we can easily copy/paste
  • We need to add a target of new to these links in the properties area to be sure these links open in new tabs/window
  • Be sure to test every hyperlink you create

Image Maps or Hotspots

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • Hot Spot 0:09
    • Assets Panel
    • Tile Vertical
  • Properties 4:05
    • Map
    • Editing Versus Drawing Tools
    • Draw Area
    • Alt Text
    • Insert Link
    • New
  • Circle Hotspot Tool 9:11
  • Polygon Hotspot Tool 11:30
  • Preview 14:17