1. Start Dreamweaver and ctrl+n to create a new html document;

2. Click the Insert menu Image command to insert the picture into the design view;

3. Click the inserted icon, click the hotspot tool in the lower left corner of the property panel, and select the rectangular hotspot tool here;

4. Drag on the image to get hot spots;

5. Click the map #map tag at the bottom and click the code;

6. Add the title attribute to the map label, and its attribute value is explanatory text;

7. Press ctrl+s to save the file, and press F 12 to debug.