![新手学Dreamweaver CS6+Flash CS6+Photoshop CS6网页设计](https://wfqqreader-1252317822.image.myqcloud.com/cover/799/773799/b_773799.jpg)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
实例07 为网页中的图像添加提示信息
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0020_0001.jpg?sign=1739193746-CSkh2DIHbhKVFT2CGFG5ciQMR2DCgwG9-0-ba267a047391241b0f1898fdb6590846)
案例说明:本例使用图像映射来为网页中的图像添加提示信息。
光盘文件:光盘\源文件与素材\01章\为网页中的图像添加提示信息
操作步骤
1 插入图像。新建一个网页文档,选择“插入→图像”命令,将一幅图像插入到文档中。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0020_0003.jpg?sign=1739193746-XIS6PNRSwauMvSID4wx0QLtJ3sp8uVUE-0-c524e6b1564352c22136681600ecceda)
2 使用“圆形热点工具”。选择图像,打开“属性”面板,在面板左下角有“矩形热点工具”、“圆形热点工具”
及“多边形热点工具”
。选择“圆形热点工具”
,将光标移动到图片上并按下鼠标左键进行拖动即可创建圆形热点区域。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0020_0009.jpg?sign=1739193746-SeOfpsbx5NkgUwApJS2Cx69VUDodGUvT-0-095fb1898003d98d4171d9790d54361f)
3 输入文字。在“替换”文本框中输入热区的说明、提示。在浏览器中将鼠标指向该热区时就会显示在此处输入的文字,例如此处输入“两个小孩在跳舞”。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0020_0011.jpg?sign=1739193746-NqmkWdYqSfuHlHtrJYCxmoxb02CWvGS7-0-d164d7900beb445b246524b7fddc9f45)
4 预览网页。保存网页文档,按下【F12】键,打开预览窗口,用鼠标单击热区,将会显示提示文字。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0020_0013.jpg?sign=1739193746-HDN7kiYB3Xg6uVJCOeTNpEO8LqxWuEv6-0-268e95d35eda46020e588f7ee4daf54d)