2.2 创建和管理站点

无论是一个网页制作的新手，还是一个专业的网页设计师，都要从构建站点开始，理清网站结构的脉络。当然，不同的网站有不同的结构，功能也不相同，所以一切都是按照需求组织站点的结构。

接下来将从规划网站开始，向读者介绍如何构思一个网站，规划不同的结构，创建新的站点并设置定义相关的参数，还将介绍如何管理站点文件，将网页元素归类构建结构等内容。

2.2.1 规划站点

网站是多个网页的集合，这种集合不是简单的集合，一般包括一个首页和若干个分页。为了达到最佳效果，在创建Web站点页面之前，都要对站点的结构进行设计和规划，决定要创建多少页，每页上显示什么内容，页面布局的外观以及各页是如何互相连接起来的。一般来说，在规划站点结构时，应该遵循以下一些规则。

1．文件分类保存

网站内容的分类决定了站点中创建文件夹和文件的个数，通常，网站中每个分支的所有文件统一存储在单独的文件夹中，根据网站的大小，又可进行细分。如果把图书室看作一个站点，每架书柜则相当于文件夹，书柜中的书本则相当于文件。

如果是一个复杂的站点，它包含的文件会很多，而且各类型的文件内容页不尽相同。为了能更合理地管理文件，就要将文件分门别类地存储在相应文件夹中。如果将一切网页文件都存储在一个文件夹中，当站点的规模越来越大时，管理起来就会很不容易。

用文件夹来合理构建文档的结构时，应先为站点在本地磁盘上创建一个根文件夹，然后在根文件夹中分别创建多个子文件夹，比如网页文件夹、媒体文件夹、图像文件夹等，接着将相应的文件放在相应的文件夹中。

站点中的一些特殊文件，比如模板、库等最好存储在系统默认创建的文件夹中。

2．合理命名文件

为了方便管理，文件夹和文件的名称最好要有具体的含义，这点非常重要，特别是在网站的规模变得很大时，若文件名容易理解，那么人们一看就明白网页描述的内容。否则，随着站点中文件的增多，不易理解的文件名会影响工作效率。

综上所述，文件和文件夹命名最好遵循以下原则，以便管理和查找。

汉语拼音：根据每个页面的标题或主要内容，提取主要关键字的拼音作为文件名，如“院系介绍”页面的文件名为“yuanxi.html”。

拼音缩写：根据每个页面的标题或主要内容，提取每个关键字的第一个拼音字母作为文件名，如“院系介绍”页面的文件名为“yxjs.html”。

英文缩写：通常使用专业名词，如“学院主页”页面的文件名为“index.html”。

英文原意：直接将中文名称进行翻译，这种方法比较准确。

以上4种命名方式也可结合数字与符号使用。但要注意，文件名开头不能使用数字和符号等，也最好不要使用中文命名，因为很多的Internet服务器使用的是英文操作系统，不能对中文文件名提供很好的支持。

2.2.2 管理站点

在Dreamweaver CS6中可以有效地建立并管理多个站点，可以导入事先导出的站点（*.ste），也可以通过新建站点完成站点的建立。

1．新建站点

在新建站点前，首先需要确定制作对象时是直接在服务器端编辑网页，还是在本地计算机编辑网页，然后设置与远程服务器进行数据传递的方式等。静态站点是指不需要服务器支持就能直接运行的网页；本地站点是指将网站文件夹存储在本地，并在本地运行，不需要远程服务器的配合。

选择“站点”→“管理站点”命令，打开“管理站点”对话框，如图2-20所示。

单击“新建站点”按钮，打开站点设置对象对话框，如图2-21所示。在“站点名称”文本框中输入一个站点名称来标识该网站，在“本地站点文件夹”文本框中设置保存网站的文件夹。

选择“高级设置”选项，在展开的选项中选择“本地信息”选项，指定默认图像文件夹，如图2-22所示。

单击“保存”按钮，弹出“管理站点”对话框，显示出刚建立的站点，如图2-23所示。

单击“完成”按钮，Dreamweaver CS6的“文件”面板显示出刚才建立的站点文件夹的完整结构，如图2-24所示，站点创建完成。

2．编辑站点

编辑站点是指对Dreamweaver CS6中已经存在的站点重新进行相关参数的设置。编辑站点的方法：选择“站点”→“管理站点”命令，打开“管理站点”对话框，然后在站点列表框中选择要编辑的站点，如图2-25所示，单击“编辑当前选定的站点”按钮，打开站点设置对象对话框，然后根据需要重新设置或修改相关参数即可。

3．复制站点

有时会根据需要在Dreamweaver中创建多个站点，但并不是所有的站点都必须重新创建。如果新建站点和已经存在的站点有许多参数设置是相同的，可以通过“复制站点”的方法进行复制，然后进行编辑即可。

复制站点的方法：在“管理站点”对话框的站点列表中选择要复制的站点，然后单击“复制当前选定的站点”按钮，即可复制一个站点，之后再对复制的站点进行编辑。

4．删除站点

有些站点已经不再需要了，可以在Dreamweaver中将其删除。在“管理站点”对话框中选择要删除的站点，然后单击“删除当前选定的站点”按钮，这时将打开提示对话框，如图2-26所示，单击“是”按钮将删除该站点。

需要注意的是，在“管理站点”对话框的列表中删除的站点仅仅是删除了在Dreamweaver CS6中创建的站点信息，存在硬盘上的文件夹及其中的文件仍然存在。

5．导入/导出站点

如果重新安装操作系统，Dreamweaver CS6中的信息就会丢失，这时可以采取导出站点的方法将站点信息导出。在“管理站点”对话框中选择要导出的站点，然后单击“导出当前选定的站点”按钮，打开“导出站点”对话框，设置导出站点文件的路径和文件名称，如图2-27所示，然后单击“保存”按钮即可。导出的站点文件的扩展名为“*.ste”。

导出的站点只有通过再次导入Dreamweaver CS6中才能恢复其作用。在“管理站点”对话框中单击“导入站点”按钮，打开“导入站点”对话框，选中要导入的站点文件，单击“打开”按钮，即可导入站点，如图2-28所示。

2.2.3 管理站点中的文件

对建立的文件和文件夹，可以进行移动、复制、重命名和删除等基本的操作。在“文件”面板中选中需要管理的文件或文件夹，然后右击，在弹出的快捷菜单中选择“编辑”命令，即可进行相关操作，“编辑”级联菜单如图2-29所示。