![Dreamweaver基础与实战教程](https://wfqqreader-1252317822.image.myqcloud.com/cover/816/47548816/b_47548816.jpg)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
课堂练习 打开并预览网页
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_26_1.jpg?sign=1739297085-MhcD5lrW7rNsgIkeVjYBErWauvbq7P7a-0-e07d3e8ea721f2305f3858b9651d46d0)
1.练习思路
在Dreamweaver中完成网页的制作以后,可以浏览网页的效果,包括在指定的浏览器中进行预览和使用Dreamweaver的实时视图进行预览。
2.制作步骤
Step 01 执行“文件>打开”命令,在弹出的“打开”对话框中选择需要在Dreamweaver中打开的网页文件,如图1-49所示。单击“打开”按钮,即可在Dreamweaver中打开该网页,如图1-50所示。
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_26_2.jpg?sign=1739297085-WxPpZoJxR3aj8McgMMvnsINOSeQi4VzH-0-81c14fe48042b00df45f62ca9338b77f)
图1-49 选择需要打开的网页文件
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_26_3.jpg?sign=1739297085-dt56zVchUh7f8BcQzE7ZeCDUwLyg8xAX-0-5e210a7cd92fff8c7eff7a7f74fee017)
图1-50 在Dreamweaver中打开网页
Step 02 在“视图模式”选项组中单击“实时视图”选项卡,切换到实时视图模式并预览网页,如图1-51所示。单击状态栏右侧的“预览”按钮,在弹出的菜单中选择一种浏览器,即可在所选浏览器窗口中预览该网页,效果如图1-52所示。
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_26_5.jpg?sign=1739297085-x7F2z43837VSV4pBfXslVcwIbKpTbLbC-0-f25c374b3e1268817a69b46763afaa79)
图1-51 在实时视图模式下预览网页
![](https://epubservercos.yuewen.com/1AFB80/26947480604637406/epubprivate/OEBPS/Images/44465_26_6.jpg?sign=1739297085-PJ0ES0mi28EWvOkA7ra1wH18HKvPH8oc-0-f4938de460d87cae2e4b500482d05e12)
图1-52 在IE浏览器中预览网页