DREAMVEAWER CS4 HOW TO
DREAMVEAWER CS4 CODE

You can choose the Polygon Hotspot Tool for better accuracy.

Repeat the steps above to draw the rest of the hotspots. YouвЂ™re now done with your first puzzle piece. ItвЂ™ll be read by screen readers for visually-impaired people). Use the drop-down to select value and test to see the difference) and Alt (the description for that specific hotspot area. Fill in the properties for the hotspot in the Properties panel including Link (the URL), Target (Whether you want to open the URL in a new or the same window.Your hotspot is highlighted in blue/cyan and stays on top of the main image. In this example, click on the rectangle shape then move your mouse over the image press the mouse and drag it to draw a rectangle over the area you want the hotspot. Look at the Map area (screenshot above), youвЂ™ll see different shapes used to draw your hotspots.This will display the Image section on the Properties panel.

Insert an image onto your HTML page by using the menu Insert/Image.

DREAMVEAWER CS4 CODE

Make sure you work in the Design View or Split View (not Code view) in Dreamweaver.Steps to create image map with Dreamweaver CS4/CS5

DREAMVEAWER CS4 HOW TO

Note: If you want to add an interactive world map, a real Google map, to your site, I have a related posted of how to create an interactive world map with mouseover data for your website. Here are the steps to create image map in Dreamweaver CS4 or CS5 although I believe CS3 or even CS2 would be the same. Without using a web editor like Dreamweaver, image map is not at all easy, if not very difficult to create because we need to identify the coordinates of the points that outline around the hotspots. Each puzzle piece may represent one of your products or services or anything else. An example would be something like the image on the left with four distinctive areas constructed by the puzzle pieces. Image map is useful in presenting and organizing information where you let web visitors see the big picture and also give them the option to click around and explore the areas of interest. Each clickable area is often referred to as a hotspot. How to create a clickable image map in Dreamweaver CS4/CS5ДЄn image map or a clickable image map is a web image containing (sub-)areas that linked to different content or web pages.

Dreamveawer cs4