2.3 站点的建立

开发网站所需的各种素材和资料准备好后，就要着手网站的建设了。在动手制作网站之前，用户应该按照规划，建立一个本地站点，以便对制作网页所需的各种资源进行管理。Dreamweaver CC不仅可以创建单独的网页文件，还可以创建完整的Web站点。建立站点的具体步骤如下。

1. 设置站点的基本信息

执行菜单栏中的“站点”→“新建站点”命令，打开“站点设置对象”对话框，如图2-18所示。

·站点名称：站点显示在“文件”面板和“管理站点”对话框，甚至“站点设置对象”对话框标题中的名称。但此名称不会在浏览器中显示。

·本地站点文件夹：本地磁盘上用来存储站点文件、模板和库项目的文件夹的名称。在硬盘上创建一个文件夹，或者单击文件夹图标来指定文件夹。当Dreamweaver解析站点根目录相对链接时，它是相对于该文件夹来解析的。

2. 设置服务器

在“站点设置对象”对话框中，单击“服务器”标签，切换到“服务器”选项卡；单击“高级”按钮，如图2-19、图2-20所示。

“服务器”选项卡允许用户指定远程服务器和测试服务器。远程服务器用于指定远程文件夹的位置，该文件夹将存储生产、协作、部署或许多其他方案的文件。远程文件夹通常位于运行Web服务器的计算机上。

3. 版本控制

单击“版本控制”标签，切换到相应选项卡，如图2-21所示。

Dreamweaver可以连接到使用Subversion(SVN)的服务器，通过Subversion获取和存回文件。Subversion是一种版本控制系统，它使用户能够协作编辑和管理远程Web服务器上的文件。Dreamweaver不是一个完整的SVN客户端，但却可使用户获取文件的最新版本、更改和提交文件。

4. 高级设置

单击“高级设置”标签前的黑三角符号，展开其扩展选项。扩展选项包括“本地信息”“遮盖”“设计备注”“模板”“Web字体”等，如图2-22所示，下面简要介绍其中的几个设置选项。

·默认图像文件夹：输入图像文件夹的存储位置。对于比较复杂的网站，图像不只存放在一个文件夹中，所以该选项使用价值不大。用户可以在输入框中直接输入路径，也可以用鼠标单击右侧的“浏览”按钮，打开“选择站点的本地图像文件夹”对话框，从中找到相应的文件夹来保存。

·链接相对于：设置站点中链接的方式。如果用户创建的是一个静态的网站，应选择“文档”单选按钮；如果创建的是一个动态网站，则选择“站点根目录”单选按钮。

·Web URL：输入网站在因特网上的网址。在输入网址的时候要注意，网址前面必须包含“http://”。

·区分大小写的链接检查：设置是否在链接检查时区分大小写。一般情况下此选项使用默认值。

·启用缓存：选中该复选框，可以加快链接和站点管理任务的速度。

使用文件遮盖功能，可以在进行站点操作时排除被遮盖的文件。“遮盖”选项卡如图2-23所示。例如，如果用户不希望上传多媒体文件，可以将多媒体文件所在的文件夹遮盖，这样多媒体文件就不会被上传。

·启用遮盖：选中该复选框，将激活文件遮盖功能。

·遮盖具有以下扩展名的文件：选中该复选框，可对特定扩展名的文件启用遮盖功能。

网站开发过程中可能要记录一些开发过程中的信息，以防以后忘记。特别是团队开发网站时，更需要记录一些需要与别人分享的信息，以便上传到服务器上，让队友也能看到。

·维护设计备注：选中该复选框，可以保存设计备注，如图2-24所示。

·清理设计备注：单击该按钮，可以删除保存的设计备注。

·启用上传并共享设计备注：选中该复选框，可以在制作者上传或者取出文件时，将设计备注上传到“远程信息”中设置的远端服务器上。

jQuery是一套跨浏览器的JavaScript库，可简化HTML与JavaScript之间的操作，是一个优秀的JavaScript框架。如果站点使用了该构件，需要设置资源存储位置，如图2-25所示。

用户可以在Dreamweaver中使用其他Web字体（如Google或Typekit Web字体）。若要在站点中使用这些Web字体，需要在“Web字体”选项卡设置Web字体文件的存储位置，如图2-26所示。