![网页设计与制作](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=1739911776-huIPsUnKlhyF5FNdwyuVrnrP09RotK4L-0-efd0ec9071a3dc2dc3d1b2195d31a4c2)
图2-30 通过快捷菜单新建文档
单击“文件”面板标题栏右侧的“面板菜单”按钮
,在打开的菜单中选择“文件”→“新建文件”命令,如图2-31所示。
![](https://epubservercos.yuewen.com/BDCD0B/14700475905664206/epubprivate/OEBPS/Images/35_06.jpg?sign=1739911776-ZrjlIXREzLXUvFl7UBNF1NPC8BR6YLVi-0-de31c3701b8a0e09007d5ddd6ac0bd17)
图2-31 通过“文件”面板菜单新建文档
2.通过欢迎屏幕创建文档
在欢迎屏幕的“新建”组中选择相应选项,可以快速新建相应类型的文件,如图2-32所示,选择“新建”→“HTML”命令即可创建一个HTML文档。
![](https://epubservercos.yuewen.com/BDCD0B/14700475905664206/epubprivate/OEBPS/Images/36_01.jpg?sign=1739911776-EX2ru0i4BT4u5DSS0UgFddjcE7Jav0KK-0-bdc909d026bfb83f6361e219a0f0752c)
图2-32 通过欢迎屏幕创建文档
3.通过菜单命令创建文档
选择“文件”→“新建”命令,打开“新建文档”对话框,在其中可以根据需要选择相应的选项新建文档,如图2-33所示。
![](https://epubservercos.yuewen.com/BDCD0B/14700475905664206/epubprivate/OEBPS/Images/36_02.jpg?sign=1739911776-NUSlSITX4g6CrulKeweEOSsAobCn4a8V-0-ce2714140821c035e500dec8d102960d)
图2-33 “新建文档”对话框
2.3.2 保存、打开网页文档
在编辑文档的过程中要养成随时保存文档的习惯,以免出现意外导致文档内容的丢失。
1.保存网页文档
要对新建文档进行保存,可选择“文件”→“保存”菜单命令,打开“另存为”对话框,在“保存在”下拉列表框中选择要保存的文件夹,也可以单击“创建新文件夹”按钮新建一个文件夹来作为保存位置。在“文件名”文本框中输入文件名,在“保存类型”下拉列表框中选择相应的文件类型,如图2-34所示,最后单击“保存”按钮即可保存文件。
![](https://epubservercos.yuewen.com/BDCD0B/14700475905664206/epubprivate/OEBPS/Images/37_01.jpg?sign=1739911776-uqF9gnZuJHdAM2l6EmEH0XGxAEAV3N0X-0-bc29d8ce91ba6cc46064d023107ac249)
图2-34 “另存为”对话框
文档被保存后,如果再次对其进行了编辑,可以直接选择“文件”→“保存”菜单命令进行保存,不会打开“另存为”对话框;如果要更换文件名或保存位置,则选择“文件”→“另存为”菜单命令进行另存设置;如果要保存已打开的所有文档,可以选择“文件”→“保存全部”菜单命令。
2.打开网页文档
保存网页文档后,如果想对已经关闭的网页文档进行编辑,可以选择“文件”→“打开”菜单命令,打开“打开”对话框,在“查找范围”下拉列表框中找到文件的存储位置,选择要打开的网页文档,如图2-35所示,然后单击“打开”按钮打开文件。也可以通过欢迎屏幕中“打开最近的项目”组中的“打开”选项打开相应的网页文档。
![](https://epubservercos.yuewen.com/BDCD0B/14700475905664206/epubprivate/OEBPS/Images/37_02.jpg?sign=1739911776-lhei7NgHEC0jdZ2XmiMUjyc9KpNJ0K3K-0-e1c0d6afcca35f6d849406269fde8f10)
图2-35 “打开”对话框
2.3.3 设置页面属性
新建网页后,应该设置页面的显示属性,如页面背景效果、页面字体大小、颜色、页面超链接属性等。在Dreamweaver CS6中设置页面显示属性可以通过“页面属性”对话框来实现。
在Dreamweaver工作界面中,选择“修改”→“页面属性”菜单命令,打开“页面设置”对话框,如图2-36所示。在“页面属性”对话框的“分类”列表框中可以对外观、链接、标题、标题/编码和跟踪图像5类相关属性进行设置。
![](https://epubservercos.yuewen.com/BDCD0B/14700475905664206/epubprivate/OEBPS/Images/37_03.jpg?sign=1739911776-owpFlUIfzyAK0Zeg6IOj1JMeRC1zbMtL-0-a42641a96dd721f5cab86f17811845fa)
图2-36 “页面属性”对话框