![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=1738966637-ECJUvN5lPSa3wM86wBeefeDq5oBV9Ryu-0-a2f7c2a512eb8455f12cf8438dffff32)
图 3-16
(2)在打开的“选择图像源文件”对话框中选中要替换的图像(图3-17),单击“确定”按钮应用该图像后,文档中的图像占位符即可替换为选中的图像(图3-18)。
![](https://epubservercos.yuewen.com/F0EC78/16499759404610506/epubprivate/OEBPS/Images/file85.png?sign=1738966637-QDwMkA5anlpKRSDQp2KrUETgkU5jc1vd-0-df075d3f4914205ed33d9610144dedf7)
图 3-17
![](https://epubservercos.yuewen.com/F0EC78/16499759404610506/epubprivate/OEBPS/Images/file86.png?sign=1738966637-IXLxogIUH2fLN6jNc4aWfoaEQQfLg35J-0-ff8765ca48721941de18f64b859e64ce)
图 3-18
(3)执行“文件”→“保存”命令保存文件,按下“F12”键在浏览器中预览网页效果(图3-19)。
![](https://epubservercos.yuewen.com/F0EC78/16499759404610506/epubprivate/OEBPS/Images/file87.png?sign=1738966637-6LpewM8HEQeRTZXGeGm5Zrf75KHDyef6-0-bc244c561fce33a6400d5353fc8c520b)
图 3-19