2.1 创建站点

站点是Dreamweaver中对同一网站中的所有网页文档进行有效组织的重要工具，创建站点后可以整体把握网站中所有文件的结构和关系，此外，先创建站点再以站点为基础创建网页也是比较科学的设计方法。

2.1.1 为何要创建站点

Dreamweaver CS3中提供了功能强大的站点管理工具，通过站点管理器可以轻松地实现本地路径设置、地址信息管理、远程服务器信息管理、测试服务器环境配置以及模板管理等功能。

对于静态网页的设计和制作，虽然不进行站点设置也可以实现，但由于比较科学的网页设计方法是先创建站点，再创建站点文件，因此从一开始就学会以站点为组织单元，科学地管理网站内的各类文档和素材，这样可以使网页文档结构层次清晰明了，同时还可以使用基于站点的各项管理功能。

2.1.2 站点的创建

创建站点是通过站点定义对话框来实现的，选择“站点/新建站点”命令可打开站点定义对话框，如图2-1所示。

STEP 01. 选择命令。启动Dreamweaver CS3，选择“站点/新建站点”命令，如图2-2所示。

STEP 02. 输入站点名称。在打开的站点定义对话框的“您打算为您的站点起什么名字”文本框中输入“融会贯通”，单击按钮，如图2-3所示。

STEP 03. 选中单选按钮。在打开的对话框的您是否打算使用服务器技术栏中选中“否，我不想使用服务器技术”单选按钮，单击按钮，如图2-4所示。

STEP 04. 设置站点使用方式和保存路径。在打开的对话框中选中“编辑我的计算机上的本地副本，完成后再上传到服务器”单选按钮，在“您将把文件存储在计算机上的什么位置”文本框输入“E:\rhgt\”，单击按钮，如图2-5所示。

STEP 05. 设置连接服务器方式。在打开的对话框的“您如何连接到远程服务器”下拉列表框中选择“无”选项，单击按钮，如图2-6所示。

STEP 06.完成站点的创建设置。在打开的对话框的“总结”栏中检查之前设置的各项参数，如果发现有误可单击按钮返回到前一页进行修改，如果完全正确，则单击按钮完成站点的创建，如图2-7所示。

2.1.3 站点的编辑

定义站点后，有时还需要对其进行编辑，例如，修改站点的名称、站点的保存路径以及服务器的连接方式等。

STEP 01. 选择命令。启动Dreamweaver CS3，选择“站点/管理站点”命令，在打开的“管理站点”对话框中选择目标站点，单击按钮，如图2-8所示。

STEP 02. 编辑站点。在打开的站点定义对话框中修改站点的名称为“融合贯通”，根据提示完成其他的设置，单击按钮，如图2-9所示。

2.1.4 站点的复制和删除

如果需要新建站点，而该站点的各项设置与某个已存在的站点大体相同，可通过复制原站点，并在其基础上进行相应修改的方法快速创建一个新站点。如果不需要某个站点的时候，可以将其删除。复制和删除站点的操作都在“管理站点”对话框中进行。

复制站点：在打开的“管理站点”对话框左侧的站点列表中选择需要复制的站点，单击按钮即可复制该站点，如图2-10所示。

删除站点：在打开的“管理站点”对话框左侧的站点列表中选择需要删除的站点，单击按钮即可将其删除，如图2-11所示。

2.1.5 站点的导出和导入

为了在多台电脑中进行相同的网站开发，有时需要将站点的配置进行导出与导入操作。

1. 站点的导出

站点的定义可以导出为独立的XML文件，这些文件的后缀名为“.ste”，它们是Dreamweaver站点的定义专用文件。

STEP 01. 选择命令。启动Dreamweaver CS3，选择“站点/管理站点”命令，在打开的“管理站点”对话框中选择目标站点，单击按钮，如图2-12所示。

STEP 02. 导出站点。在打开的“导出站点”对话框的“保存在”下拉列表框中选择文件的保存路径，在“文件名”下拉列表框中输入文件的名称，单击按钮，如图2-13所示。

2. 站点的导入

其他电脑的站点同样也可以被Dreamweaver直接导入到本地电脑，以便实现站点定义的备份和共享。

STEP 01. 选择命令。启动Dreamweaver CS3，选择“站点/管理站点”命令，在打开的“管理站点”对话框中单击按钮，如图2-14所示。

STEP 02. 导入站点。在打开的“导入站点”对话框中的“查找范围”下拉列表框中选择站点所在的位置，在中间的列表框中选择需要导入的站点，这里选择“我的站点”，单击按钮，如图2-15所示。

2.1.6 站点中的常见操作

站点中的常见操作主要是对文件的操作，包括新建文件、新建文件夹、选择文件、打开文件、剪切文件和复制文件等，这部分操作与传统的Windows文件操作类似。

对站点中的文件及文件夹的操作都是在“文件”面板中进行的，除常规的文件操作外，“文件”面板中还支持远程服务器相关的操作。

2.1.7 应用案例——导出“融会贯通2”站点

前面简单介绍了Dreamweaver CS3站点的相关操作，下面将通过复制2.1.2节中创建的“融会贯通”站点来创建一个新的站点，并修改新站点的名称和保存路径，再将其导出（CD:\效果\第2章\融会贯通2.ste）。

其具体操作步骤如下。

STEP 01. 复制站点。启动Dreamweaver CS3，选择“站点/管理站点”命令，在打开的“管理站点”对话框中单击按钮，复制出一个新的站点副本“融会贯通复制”，单击按钮，如图2-17所示。

STEP 02. 修改站点名称。在打开的站点定义对话框中将站点的名称改为“融会贯通2”，单击按钮，如图2-18所示。

STEP 03. 修改站点保存位置。在打开的对话框中连续两次单击按钮，在打开的对话框中将站点文件保存位置文本框的路径修改为“E:\rhgt2\”，单击按钮，如图2-19所示。

STEP 04. 完成站点修改。在打开的对话框中连续两次单击按钮，在打开的对话框的“总结”栏中检查修改项目，确认后单击按钮，如图2-20所示。

STEP 05. 选择站点。返回“管理站点”对话框，选择左侧列表框中的“融会贯通2”站点，单击按钮，如图2-21所示。

STEP 06. 导出站点。在打开的“导出站点”对话框的“保存在”下拉列表框中选择站点的保存路径，在“文件名”下拉列表框中输入文件保存的名称，单击按钮完成站点的导出操作，如图2-22所示。