网页设计与制作
上QQ阅读APP看书,第一时间看更新

2.3 网页文档的基本操作

网页文档就是进行网页设计等操作的原始文件,使用Dreamweaver对网页进行设计时,会涉及一些网页文档的基础操作,如创建网页文档、保存网页文档、打开网页文档和关闭网页文档等。

2.3.1 创建网页文档

如果需要设计出一个网页,首先需要在Dreamweaver CS6界面中创建一个空白网页文档。

素材文件  无

效果文件  无

视频文件  光盘\视频\第2章\2.3.1 创建网页文档.mp4

步骤01 单击“文件”|“新建”命令,如图2-19所示。

步骤02 弹出“新建文档”对话框,在“空白页”的“页面类型”列表框中选择HTML选项,在“布局”列表框中选择“1列固定,居中,标题和脚注”选项,如图2-20所示。

图2-19 单击“新建”命令

图2-20 “新建文档”对话框

说明

在Dreamweaver CS6界面中,还可以通过以下两种方法创建网页文档:

(1)快捷键:按【Ctrl+N】组合键,弹出“新建文档”对话框。

(2)按钮:在Dreamweaver CS6启动界面中,单击HTML按钮,可以直接创建文档。

步骤03 设置完成后,单击右下角的“创建”按钮,执行操作后,即可创建一个“1列固定,居中,标题和脚注”的网页文档,如图2-21所示。

图2-21 创建的网页文档

2.3.2 保存网页文档

完成网页文档的设计与编辑之后,必须马上保存网页文档,防止因为断电导致网页文件的丢失。

单击“文件”|“另存为”命令,如图2-22所示,弹出“另存为”对话框,设置相应的保存类型和文件名,如图2-23所示,单击“保存”按钮,即可保存网页文档内容。

图2-22 单击“另存为”命令

图2-23 “另存为”对话框

说明

在Dreamweaver CS6界面中,还可以通过以下4种方法保存网页文档。

(1)快捷键1:按【Ctrl+S】组合键,弹出“另存为”对话框。

(2)快捷键2:按【Ctrl+Shift+S】组合键,弹出“另存为”对话框。

(3)快捷键3:单击“文件”菜单,弹出菜单列表后按【S】键,可弹出“另存为”对话框。

(4)快捷菜单:在标题栏右侧空白处右击,在弹出的快捷菜单中选择“保存”命令,弹出“另存为”对话框。

2.3.3 打开网页文档

需要使用其他已经保存的网页文档时,可以选择需要的网页文档打开。

素材文件  光盘\素材\第2章\2.3.3\index.html

效果文件  无

视频文件  光盘\视频\第2章\2.3.3 打开网页文档.mp4

步骤01 单击“文件”|“打开”命令,如图2-24所示。

步骤02 弹出“打开”对话框,选择相应的网页文档,如图2-25所示。

图2-24 单击“打开”命令

图2-25 “打开”对话框

步骤03 单击“打开”按钮,即可打开网页文档,如图2-26所示。

图2-26 打开网页文档

说明

在Dreamweaver CS6界面中,还可以通过以下两种方法打开网页文档。

快捷键:按【Ctrl+O】组合键,弹出“打开”对话框。

快捷菜单:在标题栏右侧空白处右击,在弹出的快捷菜单中选择“打开”命令,弹出“打开”对话框。

2.3.4 关闭网页文档

使用Dreamweaver CS6软件完成对网页的设计与编辑操作后,即可关闭当前网页文档,以提高系统的运行速度。单击“文件”|“关闭”命令,如图2-27所示。执行操作后,即可关闭网页文档,如图2-28所示。

图2-27 单击“关闭”命令

图2-28 关闭网页文档

说明

在Dreamweaver CS6界面中,还可以通过以下两种方法关闭网页文档:

(1)快捷键:按【Ctrl+W】组合键,可以关闭网页文档。

(2)快捷菜单:在标题栏右侧空白处右击,在弹出的快捷菜单中选择“关闭”命令,可以关闭网页文档。