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.