实例005 新建和保存网页文档
在开始制作网站页面之前，首先需要在Dreamweaver CC中创建一个空白页面，在所创建的空白页面中进行制作，并且还需要对所新建的网页文档进行保存，从而避免网页文件没有保存而意外丢失。
●最终文件| 无
●视频| 光盘\视频\第1章\实例5.swf
●知识点| 新建网页文档，保存网页文档
●学习时间| 5分钟
实例分析
本案例主要讲解如何在Dreamweaver CC中新建文档以及保存网页文档的方法，“新建文档”对话框如图1-14所示。
图1-14 “新建文档”对话框
知识点链接
在Dreamweaver CC中可以新建哪些类型的文档？
通过“新建文档”对话框可以新建多种格式的文件，并且还可以新建具有布局示例的页面和多种网页相关文件。
在“空白页”选项卡中可以新建基本的静态网页和动态网页，其中最常用的就是HTML选项，如图1-15所示。
图1-15 “空白页”选项卡
单击“流体网格布局”选项卡，切换到“流体网格布局”选项中，可以新建基于“移动设备”、“平板电脑”或“台式机”3种设备的流体布局网页，如图1-16所示。
图1-16 “流体网格布局”选项卡
单击“启动器模板”选项卡，切换到“启动器模板”选项中，在该选项中提供了“Mobile起始页”示例页面，在Dreamweaver CC中共提供了3种Mobile起始示例页面，选中其中一个示例，单击“创建”按钮，即可创建jQuery Mobile页面，如图1-17所示。
图1-17 “启动器模板”选项卡
单击“网站模板”选项卡，切换到“网站模板”选项中，可以创建基于各站点中的模板的相关页面，在“站点”列表中可以选择需要创建基于模板页的站点，在“站点的模板”列表中列出了所选中站点中的所有模板页面，选中一个模板，单击“创建”按钮，即可创建基于该模板的页面，如图1-18所示。
图1-18 “网站模板”选项卡
操作步骤
01 启动Dreamweaver CC，执行“文件>新建”命令，弹出“新建文档”对话框，如图1-19所示。在“新建文档”对话框的左侧单击选择“空白页”选项，在“页面类型”选项区中选择HTML选项，在“布局”选项中选择一种布局样式，一般默认情况下为“无”，单击“创建”按钮，即可创建一个空白的HTML文档，如图1-20所示。
图1-19 “新建文档”对话框
图1-20 新建HTML文档
02 单击文档工具栏上的“代码”按钮，转换到代码视图中，可以看到新建的HTML文档的默认HTML代码，如图1-21所示。执行“文件>保存”命令，弹出“另存为”对话框，设置文件名，并设置文件的保存位置，如图1-22所示。
图1-21 默认的HTML代码
图1-22 “另存为”对话框
提示
保存文件时，设置完文件名和保存位置后可以直接按Enter键确认保存。如果没有另外指定文件类型，文件会被自动保存为扩展名为HTML的网页文件。
03 单击“保存”按钮，即可对该文档进行保存。完成新建文档的保存后，文档的名称将自动更新为所保存的文档名称，如图1-23所示。
图1-23 最终效果
Q 保存已经存在的文件会弹出“另存为”对话框吗？
A 如果当前编辑的文件，以前已经保存过，执行“文件>保存”命令，将直接覆盖保存原来的文件，而不会弹出“另存为”对话框。
Q 在Dreamweaver CC中新建的HTML文档默认是什么文档类型？
A 在“新建文档”对话框中的“文档类型”下拉列表中可以选择所新建的HTML文件的文档类型，包括7种文档类型，HTML 4.01 Transitional、HTML 4.01 Strict、HTML 5、XHTML 1.0 Transitional、XHTML 1.0 Strict、XHTML 1.1和XHTML Mobile 1.0, HTML 5为Dreamweaver CC默认新建的文档类型。