2.1.2 使用Dreamweaver CS6创建、保存和编辑网页文件
Dreamweaver CS6是Adobe公司推出的最新版本的网页设计专业软件。它能很好地支持HTML5和CSS3，本节以此版本为例进行介绍。
1.创建
新建一个文档类型为HTML5的网页，操作步骤如下：
（1）打开Dreamweaver CS6后默认显示起始页，在菜单栏中选择“文件”→“新建”命令，如图2-8所示。
图2-8 在起始页中选择“新建”命令
（2）弹出“新建文档”对话框，选择“空白页”选项卡，在“页面类型”列表框中选择“HTML”选项，在“文档类型”下拉列表中选择“HTML5”选项，如图2-9所示。
图2-9 “新建文档”对话框
（3）单击“创建”按钮，即可新建一个空白的类型为HTML5的新HTML网页文档，如图2-10所示。
2.保存
创建网页后可以将其保存起来，以便以后使用。用户可以“保存文件”及“另存为文件”。
图2-10 空白的新HTML网页文档
1）保存文件
操作步骤如下：
（1）选择“文件”→“保存”命令，或按“Ctrl＋S”组合键，弹出“另存为”对话框，如图2-11和图2-12所示。
图2-11 选择“保存”命令
图2-12 “另存为”对话框
（2）在“保存在”下拉列表中选择文件的保持位置。
（3）在“文件名”文本框中输入文件的名称。
（4）单击“保存”按钮即可。
若保存对旧网页的编辑修改，则选择“文件”→“保存”命令，或按“Ctrl＋S”组合键，则不显示“另存为”对话框，已覆盖旧文件的方式进行保存。
2）另存为文件
另存为文件就是将已经保存过的文件存放到其他位置，或以另一个名称保存。其操作步骤如下：
（1）选择“文件”→“另存为”命令，或按“Ctrl＋Shift＋S”组合键，打开“另存为”对话框，如图2-13和图2-14所示。
图2-13 选择“另存为”命令
图2-14 “另存为”对话框
（2）在“保存在”下拉列表中选择文件的保存位置。
（3）在“文件名”文本框中输入文件的名称。
（4）单击“保存”按钮即可。
3.编辑
在用Dreamweaver CS6编辑文件时，有3种视图模式：代码视图、拆分视图、设计视图。
1）代码视图
代码视图用于编写和编辑Web应用文件源代码，包括HTML、CSS、JavaScript等各类型代码。编辑网页文件、直接编写或修改源文件，就选择代码视图，如图2-15所示。
2）设计视图
设计视图是一个内容可视化模式，提供了一种便捷易用的设计环境，可将页面布局、页面文本、图片、表格等内容所见即所得地展示出来。图2-16所示为在设计视图里插入表格。
3）拆分视图
拆分视图能把文档窗口以水平或垂直的方式拆分为两部分，同时将某个文档的代码视图和设计视图一起呈现，以方便用户同时进行代码编辑和页面设计。如图2-17所示，选择表格的第一行内容，可同时看见所选内容对应的代码，方便编辑。
图2-15 代码视图
图2-16 设计视图
图2-17 拆分视图