![Dreamweaver CS6网页设计与制作教程](https://wfqqreader-1252317822.image.myqcloud.com/cover/476/29974476/b_29974476.jpg)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
3.3 图像效果实例——替换图像占位符
图像占位符通常只在页面编辑时使用,当编辑完成后,就需要将图像占位符替换为图像,下面介绍其操作方法。
(1)选中文档中的图像占位符,在“属性”面板中单击“源文件”后面的“浏览文件”按钮,打开“选择图像源文件”对话框(图3-16)。
![](https://epubservercos.yuewen.com/F0EC78/16499759404610506/epubprivate/OEBPS/Images/file84.png?sign=1739672327-iFMylJAonPNqjrNTBWKDNaIBhjKoxEBT-0-7ed4602907c843df204aa3ca4a12273b)
图 3-16
(2)在打开的“选择图像源文件”对话框中选中要替换的图像(图3-17),单击“确定”按钮应用该图像后,文档中的图像占位符即可替换为选中的图像(图3-18)。
![](https://epubservercos.yuewen.com/F0EC78/16499759404610506/epubprivate/OEBPS/Images/file85.png?sign=1739672327-jqyPRoDn8P75lwBmYZT1ANkKiYSxy4lo-0-57501fd0362db91738c9da068c2e4ffb)
图 3-17
![](https://epubservercos.yuewen.com/F0EC78/16499759404610506/epubprivate/OEBPS/Images/file86.png?sign=1739672327-wHqTvwhQA90ypi3R9b0t2xs3nDuMekRC-0-2946a714c3e6a1dcbb6cac623d602087)
图 3-18
(3)执行“文件”→“保存”命令保存文件,按下“F12”键在浏览器中预览网页效果(图3-19)。
![](https://epubservercos.yuewen.com/F0EC78/16499759404610506/epubprivate/OEBPS/Images/file87.png?sign=1739672327-SVPUzF3MwPmqtAB7ylF480fDhWmHqDq7-0-4e0129bacbd5b5291b5eb84f39fc8e50)
图 3-19