
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
课堂练习 新建并保存网页文件

1.练习思路
在开始制作网站页面之前,首先需要在Dreamweaver CC中创建一个空白页面,在创建的空白页面中进行制作,并且还需要对新建的网页文件进行保存,从而避免网页文件意外丢失。
2.制作步骤
Step 01 执行“文件>新建”命令,弹出“新建文档”对话框,在“文档类型”列表框中选择“HTML”选项,其他参数保持默认设置,如图1-45所示。单击“创建”按钮,即可在Dreamweaver中新建一个空白的HTML页面,如图1-46所示。

图1-45 “新建文档”对话框

图1-46 新建空白HTML页面
Step 02 在“视图模式”选项组中单击“代码”选项卡,切换到代码视图,可以看到空白HTML页面的HTML代码,如图1-47所示。执行“文件>保存”命令,弹出“另存为”对话框,设置文件名称和保存位置,如图1-48所示。单击“保存”按钮,即可保存该网页文件。

图1-47 HTML代码

图1-48 “另存为”对话框