![网页设计与制作](https://wfqqreader-1252317822.image.myqcloud.com/cover/228/26268228/b_26268228.jpg)
2.3 网页文档基本操作
创建好站点后就可以新建网页进行编辑制作了。要想在Dreamweaver CS6中制作网页,首先必须掌握在站点中新建和保存网页文档的基本方法。
2.3.1 新建网页文档
在Dreamweaver CS6中新建文档通常有以下几种方法。
1.通过“文件”面板新建文档
用户可以通过下面两种方法之一来新建一个默认名为“untitled-1.html”的文件。
在“文件”面板中用鼠标右键单击根文件夹,在弹出的快捷菜单中选择“新建文件”命令,如图2-30所示。
![](https://epubservercos.yuewen.com/BDCD0B/14700475905664206/epubprivate/OEBPS/Images/35_05.jpg?sign=1739284282-TpVTRlYeKLbEfNlM9uLKTp0gBJbQWMIT-0-9232c905db60b4f8d8fa102daaae2832)
图2-30 通过快捷菜单新建文档
单击“文件”面板标题栏右侧的“面板菜单”按钮
,在打开的菜单中选择“文件”→“新建文件”命令,如图2-31所示。
![](https://epubservercos.yuewen.com/BDCD0B/14700475905664206/epubprivate/OEBPS/Images/35_06.jpg?sign=1739284282-nQ2xxwLCst8BOx04S5tlgQfZHGsyFvOm-0-2ebb55026c954558fe4c7ca75a017a3f)
图2-31 通过“文件”面板菜单新建文档
2.通过欢迎屏幕创建文档
在欢迎屏幕的“新建”组中选择相应选项,可以快速新建相应类型的文件,如图2-32所示,选择“新建”→“HTML”命令即可创建一个HTML文档。
![](https://epubservercos.yuewen.com/BDCD0B/14700475905664206/epubprivate/OEBPS/Images/36_01.jpg?sign=1739284282-3eUocB7knQoLoddo2zqpDhB01Mbjjjgr-0-14e55b28e02f6b395edbda2e22fa328c)
图2-32 通过欢迎屏幕创建文档
3.通过菜单命令创建文档
选择“文件”→“新建”命令,打开“新建文档”对话框,在其中可以根据需要选择相应的选项新建文档,如图2-33所示。
![](https://epubservercos.yuewen.com/BDCD0B/14700475905664206/epubprivate/OEBPS/Images/36_02.jpg?sign=1739284282-uwwmg3wecc8tRFcyrWOySaM0U3RbH7rH-0-7fb412e5981f650745030aa9947537ed)
图2-33 “新建文档”对话框
2.3.2 保存、打开网页文档
在编辑文档的过程中要养成随时保存文档的习惯,以免出现意外导致文档内容的丢失。
1.保存网页文档
要对新建文档进行保存,可选择“文件”→“保存”菜单命令,打开“另存为”对话框,在“保存在”下拉列表框中选择要保存的文件夹,也可以单击“创建新文件夹”按钮新建一个文件夹来作为保存位置。在“文件名”文本框中输入文件名,在“保存类型”下拉列表框中选择相应的文件类型,如图2-34所示,最后单击“保存”按钮即可保存文件。
![](https://epubservercos.yuewen.com/BDCD0B/14700475905664206/epubprivate/OEBPS/Images/37_01.jpg?sign=1739284282-auCbSi4YQMiUAgHlBkzMNFejHXKQ2TCk-0-79e29ad6c56f84fa955131f1309282ff)
图2-34 “另存为”对话框
文档被保存后,如果再次对其进行了编辑,可以直接选择“文件”→“保存”菜单命令进行保存,不会打开“另存为”对话框;如果要更换文件名或保存位置,则选择“文件”→“另存为”菜单命令进行另存设置;如果要保存已打开的所有文档,可以选择“文件”→“保存全部”菜单命令。
2.打开网页文档
保存网页文档后,如果想对已经关闭的网页文档进行编辑,可以选择“文件”→“打开”菜单命令,打开“打开”对话框,在“查找范围”下拉列表框中找到文件的存储位置,选择要打开的网页文档,如图2-35所示,然后单击“打开”按钮打开文件。也可以通过欢迎屏幕中“打开最近的项目”组中的“打开”选项打开相应的网页文档。
![](https://epubservercos.yuewen.com/BDCD0B/14700475905664206/epubprivate/OEBPS/Images/37_02.jpg?sign=1739284282-G51fzuQGnUjtT7Ri45D0oQHwog0azCEd-0-5336afdeedd3e449d2e503fef1c6ac07)
图2-35 “打开”对话框
2.3.3 设置页面属性
新建网页后,应该设置页面的显示属性,如页面背景效果、页面字体大小、颜色、页面超链接属性等。在Dreamweaver CS6中设置页面显示属性可以通过“页面属性”对话框来实现。
在Dreamweaver工作界面中,选择“修改”→“页面属性”菜单命令,打开“页面设置”对话框,如图2-36所示。在“页面属性”对话框的“分类”列表框中可以对外观、链接、标题、标题/编码和跟踪图像5类相关属性进行设置。
![](https://epubservercos.yuewen.com/BDCD0B/14700475905664206/epubprivate/OEBPS/Images/37_03.jpg?sign=1739284282-RwV4Z9UrTfL6RDKn2Amc6vcdy2LHKlWD-0-832d7655bbf5bcad2d0312cba72e4647)
图2-36 “页面属性”对话框