3.3 在Dreamweaver CS3中定义本地站点
既然是动态站点，肯定都会包含ASP程序（带有.asp扩展名的网页），这些动态网页仅在本地机上是无法直接预览的，此时需要互联网信息服务组件的支持。因此只有在本地机上安装了IIS服务器组件（可参阅上节内容），将本地机设置为一台真正的动态网站服务器，你才能够预览动态网页。
3.3.1 定义虚拟目录
如果在本地机上安装了IIS组件，系统会自动在系统盘根目录下创建“\Inetpub\wwwroot”主目录（针对Windows XP版本而言）。你可以把本地站点复制到wwwroot主目录下，然后就可以在浏览器中预览和测试站点了。网站主目录是可以修改的，具体介绍可以参阅第3.2.3节内容。
3.3.1.1 为什么要定义虚拟目录
当然，我们更建议你定义虚拟目录，然后把本地站点复制到虚拟目录中。所谓虚拟目录，顾名思义就是网页目录不是真实存在的。例如，http://localhost/mysite//index.asp，你不能说index.asp文件就位于系统盘下的\Inetpub\wwwroot\mysite目录中，也许这个文件就位于D:\site或E:\site\news目录中，也可能是在其他计算机的目录中，或者是网络上的URL地址，如此等等，你可以在IIS中自由的设置。因此http://localhost/mysite//index.asp中的mysite就是一个虚拟目录（或者说是一个虚拟目录的别名），这个别名与真实的网站路径存在一种映射关系，指定别名后服务器会自动指向真实的路径。
定义虚拟目录有几个好处：
l 网站更安全。虚拟目录的作用就是隐藏真实的路径，这样在URL地址中的路径就不一定对应服务器上真实的物理路径，从而防止恶意者的入侵和破坏。
l 方便站点管理。动态网站中的所有内容一般都可以存储在主目录中，但随着网站内容的不断丰富，用户需要把不同层次的内容组织成网站主目录下的子目录。当在本地主目录中定义多个站点时，文件的管理将是件很麻烦的事情。利用虚拟目录，将不同站点分散保存在多个目录或计算机上，会方便站点的管理和维护。
l 可以挖掘更多的功能。创建虚拟目录之后，系统会把站点视为独立的应用程序，这样就可以使用Global.asa文件对站点进行管理，还可以利用FSO组件读写服务器上的资源。
3.3.1.2 定义虚拟目录的方法
虚拟目录需要在主目录的基础上进行创建，简单说它就是主目录的一个虚拟子目录（在URL中而言）。定义虚拟目录的方法如下：
选择【开始】|【控制面板】菜单命令，打开【控制面板】窗口，在【控制面板】窗口的左侧单击【切换到分类视图】选项，在右侧窗口中选择【管理工具】图标。双击【管理工具】图标，进入【管理工具】窗口，然后在其中双击【Internet信息服务】图标，打开【Internet 信息服务】窗口（不同版本系统的称呼可能略有不同）。
在窗口左侧依次展开【网站】|【默认站点】目录，右键单击【默认站点】名称，在弹出的快捷菜单中选择【新建】|【虚拟目录】命令，如图3-13所示。
图 3-13
在打开的【虚拟目录创建向导】对话框中单击【下一步】按钮，打开【虚拟目录别名】对话框。然后在【别名】文本框中输入一个虚拟目录的名称（如mysite、shop等），名称最好与网站内容相对应，这里简单输入“mysite”（如图3-14所示）。
单击【下一步】按钮，打开【网站内容目录】对话框，在此处需要指定虚拟目录所对应的实际物理路径。单击【浏览】按钮，可以在本地磁盘或网上邻居中选择目标目录，虚拟目录与网站的主目录可以不在一个分区或物理磁盘中，为了方便操作我们假设指定为【我的文档】文件夹中的mysite子目录中（如图3-15所示）。
|
|
|
|
图 3-14 |
图 3-15 |
单击【下一步】按钮，在打开的【虚拟目录访问权限】对话框中，可以设置虚拟目录的用户访问权限。你可以根据实际需要设置合适的权限，一般保持默认设置即可（如图3-16所示）。
单击【下一步】按钮，打开完成创建虚拟目录对话框，单击【完成】按钮关闭虚拟目录创建向导。通过上述设置，你就可以通过http://localhost/mysite//的形式访问虚拟目录中的内容了。
此时在【Internet 信息服务】窗口的右侧，你会看到【默认站点】目录下显示刚定义的虚拟目录（如图3-17所示）。在右侧视图中可以查看该虚拟目录对应的真实物理路径中网站内容，由于现在刚刚定义一个虚拟站点，所以还没有文件显示。
|
|
|
|
图 3-16 |
图 3-17 |
3.3.2 定义本地站点
在Dreamweaver中创建动态网站，首要条件就是必须定义一个本地站点，以方便你对站点进行测试和预览。当然你也可以把网站内容直接上传到远程服务器上进行测试和预览。最初创建网站时，由于经常需要测试每一个文件，远程测试会比较麻烦，受制于带宽的影响很大，不利于网站的快速开发，因此不推荐直接在远程服务器上建站和测试。
在Dreamweaver CS3中定义本地站点的具体步骤如下：
首先在本地建立一个虚拟目录（方法可以参阅上节内容），例如，定义虚拟目录mysite，对应物理路径为C:\Documents and Settings\zhu\My Documents\mysite。本示例为了方便学习进行如此设置，一般应该把本地目录放在其他非系统盘中。
启动Dreamweaver CS3。选择【站点】|【新建站点】菜单命令，打开【站点定义为】对话框，并切换到【高级】选项卡（如图3-18所示）。【初级】和【高级】选项卡没有本质区别，【初级】选项卡以向导的方式帮助初学者快速建立动态站点，而【高级】选项卡可以更详细、更直观的定义动态网站的详细参数。
3.3.2.1 设置本地信息
在【站点定义为】对话框左侧的【分类】列表框中选择【本地信息】选项，然后就可以在右侧选项区域详细设置本地目录的相关信息（如图3-18所示）。
图 3-18
什么是本地目录呢？本地目录与本地站点不是一回事，动态站点一般都包含本地目录和远程目录，本地目录是用户在本地计算机中建立的目录，用来存放站点内容，在Dreamweaver中创建网站，你必须指定一个本地目录，它是本地机中任意位置的一个文件夹。之所以一定要定义它，是为了告诉Dreamweaver网站文件存放位置，然后才能够将所有的设置针对该地址进行设置。
而远程目录就是在远程服务器上的目录，实际上远程目录都是由服务器自动设置，或者由服务器管理员手动配置，用户是无法进行控制的。如果你在本地机上建立本地站点，就可以自由控制本地目录和远程目录，因为它们都处于本地机中。
区分本地目录和远程目录的好处是能够方便站点的建立、上传和维护。因为一般网站上传和管理工具（如Dreamweaver、CuteFTP等）都可以自动把本地目录和远程目录联系在一起。当用户在本地目录中建立完毕网站内容之后，网站上传和管理工具会自动把本地目录中的内容上传到远程服务器中，当你随时修改本地目录中的网站内容，网站管理工具也会自动修改远程目录中对应文件的内容，以实现本地和远程目录内容的同步。
在【本地信息】选项中，你可以设置如下本地站点相关属性：
l 站点名称：这个名称仅作为在Dreamweaver环境中进行标识作用，因此你可以自由设置，不会对站点内容有任何影响。
l 本地根文件夹：也就是本地目录。上面已经说得很多了，这里就不再重复。
l 默认图像的文件夹：为站点设置一个默认的文件夹，该文件夹专门用来存放图像，如images。实际上这个选项没有任何意思，也不提倡设置。你可以想象一下，当网站很大时，所有图像都存放在同一个文件夹中会多麻烦（如链接、管理、浏览和查找都很麻烦）。
l 链接相对于：这是一个很重要的选项，它将会影响整个站点的超链接。如果勾选【文档】复选框，则Dreamweaver会自动设置网站内所有链接为相对路径的形式，如果勾选【站点根目录】复选框，Dreamweaver会自动设置网站内所有链接为绝对路径的形式。
例如，在如图3-19所示的站点结构中，准备在news/index.asp文件中插入news/images文件夹中的图像。如果勾选【文档】复选框，则Dreamweaver会自动设置为<img src="images/1.gif" />；如果勾选【站点根目录】复选框，则Dreamweaver会自动设置为<img src="/news/images/1.gif" />。其中“/”表示站点根目录。
图 3-19
使用绝对路径设置所有链接，缺乏灵活性，一般不建议使用，因为如果移动文件或文件夹，其包含的所有链接都将失效，而使用相对路径就不会出现这种情况，只要保持文件和超链接的相对关系，不管怎么移动文件或文件夹都不会影响链接。Dreamweaver默认选中【文档】复选框。
l HTTP地址：也就是站点的URL地址。该选项必须准确设置，Dreamweaver将使用这个地址 确保根目录被上传到远程服务器上是有效的，因为远程服务器可能有不同的站点根目录。在 以前版本的发布中，Dreamweaver有时不能正确追加远程根目录文件夹，从而导致页面运行时失败。
例如，本地目录为D:\mysite\，本地虚拟目录为mysite，在本地站点中根目录就是mysite；如果网站本地测试成功之后，你准备使用Dreamweaver把站点上传到http://www.mysite.com/news/目录中，此时远程目录中的根目录就为news了，如果此时你在【HTTP地址】中输入“http://www.mysite.com/news/”，则Dreamweaver会自动把本地根目录mysite转换为远程根目录news。
l 区分大小写的链接：这个选项对于Dreamweaver检查站点链接时有效。当勾选该选项，Dreamweaver会认为大小写链接是不同的路径，一般可以忽略该选项。
l 缓存：使用缓存可以加速【资源】面板、链接管理和站点地图的运行速度，因为Dreamweaver会自动在缓存中保存这些站点资源和文件信息。如果你的计算机配置比较低，或者站点比较大时，可以关闭缓存，因为这将占用过多的系统资源，影响其他程序的运行。
3.3.2.2 设置远程信息
创建站点的目的是要发布，无论是个人主页还是公司网站，所有文件都需要上传到远程服务器 上才能提供给访问者。在Dreamweaver中内置了FTP工具，你无须切换到其他文件上传软件中就可以 连接到远程的网站主机上，进行上传、更新和维护工作。因此设置完本地信息之后，还需要设置远程 信息。
在【站点定义为】对话框左侧的【分类】列表中选择【远程信息】项，然后在右侧来设置远程目录的相关信息（如图3-20所示）。
图 3-20
远程目录所包含的内容是比较复杂的，根据访问方式的不同，或者说根据服务器类型的不同，可以有多种设置。如果仅定义本地站点，则只需要在【访问】下拉列表框中选择“本地/网络”项。该选项适合在本地计算机或本地局域网中定义服务器。
如果你的远程目录处于互联网上的远端服务器上，则应该选择“FTP”选项，然后设置FTP服务器的参数设置（详细讲解可以参阅第3.4节内容）。至于其他几个选项分别适用于各种特殊的服务器类型，由于用户数比较少，本书就不再涉及。
当选择“本地/网络”访问方式，则表示定义本地站点。就可以在【远端文件夹】文本框中设置远程目录。该目录应该与第3.3.1节定义的虚拟目录对应的本地物理路径保持一致。如果没有定义虚拟目录，则应该设置为系统盘下的\Inetpub\wwwroot目录下的站点文件夹。
下面三个复选框都是针对远程目录的操作来设置的。
l 勾选【维护同步信息】复选框，则Dreamweaver会自动检测本地目录和远程目录中信息是否同步。所谓同步，就是文件的最后修改时间是否为相同，或者是否都存在相同的文件夹和文件，如果不同步，则Dreamweaver会自动用本地目录或远程目录中最新的文件覆盖远程目录或本地目录中没有改动的文件。建议选中该选项。
l 保存时自动将文件上传到服务器：该选项能够保证Dreamweaver在本地目录中保存文件时，会自动把保存的文件上传到远程目录中。
l 启用存回和取出：存回和取出机制是Dreamweaver为了适应团队开发中多人共用同一个远程目录，这样就会存在多人同时操作一个文件的冲突。为了避免这种可能存在的冲突，Dreamweaver增加了这个机制。当勾选并设置相关信息之后，当用户操作远程文件时，Dreamweaver会自动把该文件锁住，这时该文件处于取出状态，其他团队成员就无法操作该文件，但是他们能够从【站点管理器】中看到现在是谁在操作该文件，并通过指定的邮箱与该用户进行通信。当用户操作完毕，可以在【站点管理器】中把该文件存回，以便其他成员能够操作该文件（更详细讲解可以参阅第4.6节内容）。
3.3.2.3 设置测试服务器信息
测试服务器顾名思义就是模拟服务器来测试站点。能不能直接在远程站点中进行测试呢？答案是肯定的，但是考虑到远程站点是对外开放的，任何人都可以访问远程站点，因此直接在远程站点中进行测试不利于站点的安全和隐私保护。Dreamweaver需要测试服务器的服务以便在创建站点时能够生成和显示动态内容。测试服务器可以是本地计算机、开发服务器、中间服务器或生产服务器。
在【站点定义为】对话框左侧的【分类】列表中选择【测试服务器】项，然后在右侧设置测试服务器的相关信息（如图3-21所示）。
图 3-21
在设置测试服务器文件夹之前，你应该定义本地目录和远程目录。同时还可以将远程目录设置为测试服务器，因为在远程目录中上传的动态网页通常是由应用程序服务器处理的。
首先，应在【服务器模型】下拉列表中选择要用于Web应用程序的服务器技术。针对ASP服务器来说，只有两个选择：ASP JavaScript和ASP VBScript。它们所用的脚本语言是不同的，你可以根据自己习惯的脚本语言来进行选择。本书将以VBScript作为所有应用程序的脚本语言，该语言也是ASP默认的脚本语言。然后设置下面几个选项。
l 访问：访问方式可以保持与在【远程信息】类别中的设置。当我们选择服务器技术类型之后，Dreamweaver会自动根据远程目录信息进行设置，一般都保持与远程信息的一致。
l 测试服务器文件：测试服务器的文件夹，可以保持与远程目录的一致性。笔者建议，在学习阶段不妨把本地目录、远程目录和测试服务器文件都设置为同一个文件夹，这有利于操作，避免在多个目录中进行切换，虽然Dreamweaver能够帮助我们自动完成文件上传工作，但是有时还是很麻烦的。
l URL前缀：设置在浏览器中访问站点时需要输入的URL，但不包括任何文件名。URL前缀由域名和站点主目录的任何一个子目录或虚拟目录（而不是文件名）组成。例如，如果站点URL是http://localhost/mysite/index.asp，则应输入以下URL前缀：http://localhost/mysite/。其中localhost表示本地域名的占位符。如果是远程服务器上就应该输入完整、真实的域名，如http://www.mysite.com/。
3.3.3 测试本地站点
在【站点定义为】对话框中设置本地信息、远程信息和测试服务器的相关内容之后，本地站点也就定义完毕，单击【确定】按钮确认所有设置，下面的工作就是网站内容的开发、测试、维护和管理等工作了。
选择【窗口】|【文件】菜单选项，打开【文件】面板。在面板中单击右键，从弹出的快捷菜单中选择【新建文件】选项，即可在当前站点的根目录下新建一个untitled.asp，把它重命名为index.asp。
然后双击打开该文件，切换到【代码】视图，输入下面一行代码，该代码表示输出显示一行字符串。
<%="<h2>Hello world!</h2>"%>
按F12键预览文件，则Dreamweaver CS3提示是否要保存并上传文件。选择【是】按钮，如果远程目录中已存在该文件，则Dreamweaver CS3还会提示是否覆盖该文件，一般可以选择【全部都是】按钮，如图3-22所示。
图 3-22
这时Dreamweaver CS3将打开默认的浏览器（如IE）显示预览效果，如图3-23所示。实际上在浏览器地址栏中直接输入http://localhost/mysite/index.asp或http://localhost/mysite，按Enter键确认，这时在浏览器窗口中也会打开该页面。这时说明你的本地站点测试成功。
图 3-23
3.3.4 设置本地站点属性
默认情况下，本地站点的属性将继承IIS的网站属性设置。不过你也可以单独设置本地站点的属性。在【Internet 信息服务】窗口中展开【默认站点】目录，在其中右键单击已经定义的本地站点虚拟目录（如mysite），将打开【属性】对话框（如图3-24所示）。
在【虚拟目录】选项卡中可以设置远程目录对应的源，它包括本地计算机、另一台计算机共享或者通过URL来定位。默认为本地计算机，然后需要在【本地路径】文本框中指定虚拟目录对应的本地计算机的具体地址。同时还可以设置站点的访问权限。
【应用程序设置】区域可以定义本地站点的程序名称、应用程序的访问路径和有关程序的权限和保护级别。其中默认网站是指主目录对应的访问位置，默认为localhost。
单击【配置】按钮，可以打开【应用程序配置】对话框（如图3-25所示），从中设置应用程序的基本属性，例如，会话时间、脚本执行时间、脚本语言、是否启动缓冲。这些应用程序属性将在后面章节中陆续介绍。
|
|
|
|
图 3-24 |
图 3-25 |
其他选项卡的设置与IIS网站属性的设置基本相同，这里也就不再详细说明。
如对本文有疑问，请提交到交流论坛，广大热心网友会为你解答！！ 点击进入论坛
