- 网页设计与制作
- 王潇 章明珠 王娟主编
- 1121字
- 2024-10-29 18:44:37
2.3 网页文档基本操作
创建好站点后就可以新建网页进行编辑制作了。要想在Dreamweaver CS6中制作网页,首先必须掌握在站点中新建和保存网页文档的基本方法。
2.3.1 新建网页文档
在Dreamweaver CS6中新建文档通常有以下几种方法。
1.通过“文件”面板新建文档
用户可以通过下面两种方法之一来新建一个默认名为“untitled-1.html”的文件。
在“文件”面板中用鼠标右键单击根文件夹,在弹出的快捷菜单中选择“新建文件”命令,如图2-30所示。

图2-30 通过快捷菜单新建文档
单击“文件”面板标题栏右侧的“面板菜单”按钮
,在打开的菜单中选择“文件”→“新建文件”命令,如图2-31所示。

图2-31 通过“文件”面板菜单新建文档
2.通过欢迎屏幕创建文档
在欢迎屏幕的“新建”组中选择相应选项,可以快速新建相应类型的文件,如图2-32所示,选择“新建”→“HTML”命令即可创建一个HTML文档。

图2-32 通过欢迎屏幕创建文档
3.通过菜单命令创建文档
选择“文件”→“新建”命令,打开“新建文档”对话框,在其中可以根据需要选择相应的选项新建文档,如图2-33所示。

图2-33 “新建文档”对话框
2.3.2 保存、打开网页文档
在编辑文档的过程中要养成随时保存文档的习惯,以免出现意外导致文档内容的丢失。
1.保存网页文档
要对新建文档进行保存,可选择“文件”→“保存”菜单命令,打开“另存为”对话框,在“保存在”下拉列表框中选择要保存的文件夹,也可以单击“创建新文件夹”按钮新建一个文件夹来作为保存位置。在“文件名”文本框中输入文件名,在“保存类型”下拉列表框中选择相应的文件类型,如图2-34所示,最后单击“保存”按钮即可保存文件。

图2-34 “另存为”对话框
文档被保存后,如果再次对其进行了编辑,可以直接选择“文件”→“保存”菜单命令进行保存,不会打开“另存为”对话框;如果要更换文件名或保存位置,则选择“文件”→“另存为”菜单命令进行另存设置;如果要保存已打开的所有文档,可以选择“文件”→“保存全部”菜单命令。
2.打开网页文档
保存网页文档后,如果想对已经关闭的网页文档进行编辑,可以选择“文件”→“打开”菜单命令,打开“打开”对话框,在“查找范围”下拉列表框中找到文件的存储位置,选择要打开的网页文档,如图2-35所示,然后单击“打开”按钮打开文件。也可以通过欢迎屏幕中“打开最近的项目”组中的“打开”选项打开相应的网页文档。

图2-35 “打开”对话框
2.3.3 设置页面属性
新建网页后,应该设置页面的显示属性,如页面背景效果、页面字体大小、颜色、页面超链接属性等。在Dreamweaver CS6中设置页面显示属性可以通过“页面属性”对话框来实现。
在Dreamweaver工作界面中,选择“修改”→“页面属性”菜单命令,打开“页面设置”对话框,如图2-36所示。在“页面属性”对话框的“分类”列表框中可以对外观、链接、标题、标题/编码和跟踪图像5类相关属性进行设置。

图2-36 “页面属性”对话框