
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
课堂练习 打开并预览网页

1.练习思路
在Dreamweaver中完成网页的制作以后,可以浏览网页的效果,包括在指定的浏览器中进行预览和使用Dreamweaver的实时视图进行预览。
2.制作步骤
Step 01 执行“文件>打开”命令,在弹出的“打开”对话框中选择需要在Dreamweaver中打开的网页文件,如图1-49所示。单击“打开”按钮,即可在Dreamweaver中打开该网页,如图1-50所示。

图1-49 选择需要打开的网页文件

图1-50 在Dreamweaver中打开网页
Step 02 在“视图模式”选项组中单击“实时视图”选项卡,切换到实时视图模式并预览网页,如图1-51所示。单击状态栏右侧的“预览”按钮,在弹出的菜单中选择一种浏览器,即可在所选浏览器窗口中预览该网页,效果如图1-52所示。

图1-51 在实时视图模式下预览网页

图1-52 在IE浏览器中预览网页