Dreamweaver CC 2014创建和保存网页

创建站点后，用户需要创建网页来组织要展示的内容。合理的网页名称非常重要，一般网页文 件的名称应容易理解，能反映网页的内容。

在网站中有一个特蛛的网页是首页，每个网站必须有一个首页。访问者每当在IE浏览器的地址 栏中输人网址，如在IE浏览器的地址栏中输人“www.sina.com.cn”时会自动打开新浪网的首觅。 一般情况下，首页的文件名为 “index.htm” “index.html” “index.asp” “default.asp” “default.htm” 或 “default.html'

在标准的Dreamweaver CC环境下，建立和保存网页的操作步骤如下。

(1 )选择“文件 > 新建”命令，或按Ctrl+N组合键，弹出“新建文档”对话框，选择“空白 页”选项，在“页面类型”选项框中选择“HTML”选项，在“布局”选项框中选择“无”选项， 创建空白网页，设置如图所示。

(2)设置完成后，单击“仓犍”按钮，弹出“文档”窗口，新文档在该窗口中打开。根据需要， 在“文档”窗口中选择不同的视图设计网页。

“文档”窗口中有3种视图方式，这3种视图方式的作用如下。

“代码”视图：对于有编程经验的网页设计用户而言，可在“代码”视图中查看、修改和编写网 页代码，以实现特殊的网页效果，"代码”视图的效果。

“设计”视图：以所见即所得的方式显示所有网页元素，“设计”视图的效果如图所示。

“拆分”视图：将文档窗口分为左右两部分，左侧部分是代码部分，显示代码；右侧部分是设计 部分，显示网页元素及其在页面中的布局。在此视图中，网页设计用户通过在设计部分单击网页元 素的方式，快速地定位到要修改的网页元素代码的位置，进行代码的修改，或在“属性”面板中修 改网页元素的属性。“拆分”视图的效果如图所示。

(3)网页设计完成后，选择“文件 > 保存”命令，弹出“另存为”对话框，在"文件名”选项的文本框中输人网页的名称，如图所示，单击“保存”按钮，将该文档保存在站点文件夹中。