使用Visual InterDev

当你使用Visual InterDev开发网点时，所有相关的文件都存储在Web服务器上。这个服务器即可以是通过Internet或Intranet连接的独立服务器，也可以是是你本地计算机上的Web服务器，如果你使用Personal Web Server(Windows 95)或Peer Web Services(Windows NT)的话。你所创建的文件存储在你在Web服务器上配置的Internet映射目录下。

当你向网点项目添加文件或编辑已存在的文件时，Visual InterDev在你本地计算机上创建一个文件的拷贝。这叫作工作拷贝。如果你运行的是本地服务器的话，Visual InterDev仍会建立一个文件的工作拷贝用于编辑。这些拷贝保存在Visual InterDev指定项目文件夹内----缺省目录是C:\Program Files\DevStudio\MyProjects。当这些工作拷贝被保存时，Visual InterDev将会同时自动更新在Web服务器上相应的文件。

在开发者的网点上的文件可以保存在任何可连接的服务器上，只要服务器上安装FrontPage Server Extensions即可。Visual InterDev通过另一种project文件来保存跟踪存储在Web服务器上的文件。其后缀名为.dsp和其他本地文件一起并且保存在Myprojects文件夹内。这个project文件用于每次你对于存储在Web服务器端的网点项目进行工作时的连接。因此，整个网点工程项目包括存储在Web服务器上的文件以及保存在你本地计算机文件夹内的项目文件。

Web项目和工作区

为了组织多项网点的开发工作，Visual InterDev建立工作区来完成此项工作。一个工作区是一个网点开发项目的集合；它使得你能够通过产生一个新的工程文件来实现创建新的网点开发项目或连接到Web服务器上已存在的网点开发项目。一个工作区可以包含一个或一个以上的同种或不同类型的项目。

当你用工作区创建一个网点开发项目之后，包含有你本地project文件的目录便成为整个工程 的工作目录。无论是有新的文件被建立或者编辑已有的文件，它的工作拷贝即被复制到这个目录。文件的相对与项目根目录的位置与其在Web服务器上的位置完全一样。如果一个文件存储在Web服务器上这个网点项目根目录下的一个子目录下，那么，在你的本地机上工作目录下也会自动创建相同的子目录。

如果你所开发的项目是位欲本地工作站上Web服务器（Personal Web Server或Peer Web Services）的话，其过程是相同的。 project文件创建在由Visual InterDev建立的项目工作目录下。新增的或编辑已有的文件也会同样复制到工作目录。字目录也以和Web服务器上文件位置相同的形式建立。即你在同一台计算机上最后有所开发项目的两的备份，但此系统的开发过程同你在其他Web服务器上建立网点过程相同。

同一工作区中的多个项目工程

正如先前提到的，一个工作区也可以包含一个以上的项目。几个项目工程可以包含在同一个工作区内，即使它们位于不同的Web服务器上。每个项目的project文件用于跟踪不同项目中文件位于哪个服务器上。

一个工作区也可以包括不同类型的工程项目。例如，一个工作区可以包含一个或一个以上的数据库项目。工作区也可以包含Visual C++或Visual J++项目。

Visual InterDev只允许一个工作区同时打开。当你打开一个新的工作区，先前的工作区

—包括其所有的文件—将会被关闭。如果你想同时对超过一个以上的网点项目进行操作，请将这些项目添加至同一工作区内。当工作区内同时有几个工程项目存在的话，各项目之间的文件移动将会变的很方便。

打开一个工作区

为了在Visual InterDev中打开一个已存在的工作区，使用在File菜单中的Open Workspace Command命令。缺省条件下，这个命令显示所有的在MyProjects文件夹内的目录。每个本地工作区文件以后缀名.dsw结尾。双击此文件名便可在Visual InterDev打开这个先前已建立的工作区。例如，如果你已经建立了一个名为MyWorkspace的工作区，名为MyWorkspace的目录便会在MyProjects文件夹内创建，并且这个目录将会在Open Workspace对话框内显示。在这个目录中，你会发现一个MyWorkspace.dsw文件。双击这个文件名，此工作区在Visual InterDev中打开。所有已添加到这个MyWorkspace工作区内的位于不同Web服务器上的项目将会显示出来。

File菜单底部同时也包括最近打开的四个工作区的名称命令。你可以直接通过这些命令打开通过Open Workspace对话框打开的工作区。

如果你想创建一个新的空的工作区，在File菜单中选择New命令。这个命令打开一个New对话框（见图25.1），它提供了许多创建文件，工程和工作区的选项。为创建一个一个新的空的工作区，单击对话框顶部的Workspace表项，在Workspace名称栏中填入你想创建的工作区名字，然后单击Ok按钮。缺省条件下，你的工作区将会创建在MyProjects文件夹内，但是你能够改变其位置将其存放在本地工作站上的任何位置。

在你创建或打开一个工作区之后，它将显示在Visual InterDev左栏。使用位于此栏底部的FieView表栏，你能够查看所有包含在此工作区内的项目和其文件，以相互继承的目录和子目录的关系列于其中。通过Data View表栏，你能够查看在工作区内的所有数据库连接；你能够通过InfoView表栏来查看所附的Visual InterDev帮助文件（见图25.2）。缺省条件下，InfoView表栏当你打开Visual InterDev时总是可见的，无论你是否打开一个工作区。

图25.1 在New对话框中的工作区表栏创建一个新的工作区

图25.2 Visual InterDev提供的三种项目表栏

打开一个工程项目

当你创建一个新的工作区时，它显示一个包含‘0’个项目的工作区。为了创建或编辑一个网点，必须在工作区内添加一个工程项目。正如先前所提到的，你也可以在单一工作区内包括一个以上的以及不同类型的项目文件。这使得你能够同时对一个以上的网点项目进行开发。

为增加一个已存在的项目到工作区内，你可以使用菜单命令Project|Insert Project Insert Workspace ,或选中工作区右击鼠标键在弹出菜单中选择相同的菜单命令。这时将会出现一个对话框，缺省条件下打开在MyProjects文件夹下，显示所有存在的项目文件以供选择添加至工作区内。工程项目文件的后缀名为.dsp。双击其文件名将其添至你的工作区内。

你也可以在工作区内添加一个新的项目文件，此时选择菜单命令File|New或在工作区右击鼠标键，从弹出菜单中选择Add Project To Workspace命令。此时将出现New对话框，提供创建文件，项目或工作区的选项。为了创建一个新的项目文件，单击Project表栏。这时显示一系列帮助您创建项目文件的帮助向导。

当你创建一个工作区时，可以给你的项目起一个名字并将其改变在缺省条件下位于MyProjects文件夹下的路径。记住，改变后的路径当你开始编辑文件时将会成为你的工作路径。如果想要在当前工作区内添加新的项目，你必须在New对话框内选择Add to Current Workspace选项（缺省条件下是Creat New Workspace选项）。

根据你所选择的不同帮助向导，你会遵循一系列不同的步骤完成项目的建立。下一段讨论的是用Web Project Wizard向导来创建新的网点项目。在“使用数据连接”一段中将会谈到用New Database Wizard向导来创建一个新的数据库项目的过程。

创建一个新的网点项目

正如以前提到的，创建一个新的网点项目需要Visual InterDev和Web服务器的连接，其方式可以通过网络同远程服务器或本地工作站上的Web服务器（例如Penseral Web Server或Peer Web Services）连接。Visual InterDev在Web服务器上建立网页或者连接已存在的网页并同时在工作目录下创建一个本地project文件。

比较容易的创建方式是通过使用Visual InterDev的Web Project Wizard向导。它能够自动地完成在Web服务器上创建或编辑网页的所有必须步骤，只需在服务器上正确安装FrontPage Server Extensions。请按以下步骤操作：

1. 选择菜单命令Fiel|New启动Web Project Wizard或鼠标右击工作区名在弹出菜单中选择Add Project to Workspace。在New对话框中（见图25.3）单击Project表栏，然后从Wizard列表中选择Web Project Wizard。

图25.3 在New对话框中的项目表栏中创建一个新的工程项目

2. 在Project Name文本框内输入你的网点项目的名称。如果选择了一个无效名字，或者一个已被使用的名字，会出现一个错误信息，并要求你重新输入。

3. 如果愿意，在Location框中选择你的网点项目的路径。缺省条件下是MyProjects文件夹内。但是你可以选择将网点项目保存在你的工作站的任何目录位置下。记住，你的Project文件也会保存在这个目录下；当你开始编辑网点项目中的文件时此目录将会成为你的工作目录。

4. 如果你想将一个项目添加至当前Visual InterDev中已打开的工作区内，请在New对话框内选择Add To Current Workspace选项。此时你可以在同一工作区内打开多个项目，如果你需要的话。相反，你可以在New对话框内选择Create New Workspace选项以创建一个新的工作区来包括你的网点项目。新建立的工作区将会和新的网点项目同名（缺省条件为这个选项）。

5. 当你正确地输入所有的信息后，按Ok按钮确认。

6. 确定你的新网点项目所连接的Web服务器的位置（见图25.4）。这个Web服务器是你可以通过Internet或Intranet连接的到的服务器，当然在服务器上必须正确安装和配置FrontPage Server Extensions。输入服务器的名称（例如，www.myserver.com.au）或IP地址（例如，192.168.1.1）。如果你使用的是在本地工作站上的Web服务器，诸如Personal Web Server或Peer Web Services，请输入你计算机的名字（例如，MyComputer）。

图25.4 选择你的网点项目所处的服务器

7. 如果你连接至一个SSL（Secure Sockets Layer，加密管道层）Web服务器，请选择Connect Using SLL复选框。SSL加密方式是一种低级协议用来增加服务器和浏览器之间的安全性。如果你通过HTTP协议来连接网点（就是说，你的网站地址是

http://web.site.address）的话，服务器并没有SSL加密。而如果你使用的是HTTPS协议(你的网站地址是https://web.site.address)，服务器是SSL加密的。如果你不知道Web服务器是否是SLL加密的话，请于服务器管理者联系。

- 按Next按钮。Visual InterDev将尝试连接Web服务器，如果Visual InterDev不能同Web服务器连接的话，你会得到一个错误信息。这可能是由于服务器上的FrontPage Server Extensions没有正确安装，或者你没有连接到服务器的权限。这时，你可以改变Web服务器或取消操作。

- 如果Visual InterDev成功地建立了与Web服务器的连接，它将返回一组服务器上已存在的网点列表（见图25.5），这可能耗时几秒钟。你可以直接连接到已存在的网点（在下拉列表框中选择）或者在服务器上创建一个新的网点。你也可以确定是否需要Visual InterDev为你的网点自动建立索引以供文本查询。

- 单击Finish按钮。Visual InterDev将创建你的project文件和工作目录并且在工作区内打开这个新网点项目。

你可以单击在工作区底部的File View表栏来查看在你网点项目中包括的所有文件和子目录，也可以单击Data View表栏来查看数据连接（如果有的话）。如果你在Visual InterDev中需要帮助的话，单击Info View表栏来获得帮助文件。

当你需要再次打开网点项目的时候，只需打开包含项目的工作区即可。Visual InterDev将会再次同服务器连接来确认当前项目的状态，并显示在你的工作区内。

添加文件至网点项目

当你创建了工作区并在其内添加了一个新的工程项目之后，你可以在这个项目里添加，修改，移动或编辑其中的任何文件。所有被更改的文件将会被复制到你的工作目录中去。一旦你保存这些以改动的文件，在服务器端的相应的复制文件也会得到更新。

对于一个新网点项目，Visual InterDev会建立一个名为Global.asa的文件，如果你选择了full-text search选项的话，一个search.cfm文件也会加至你的项目中。同时也会建立一个图象目录以存放所用到的图片。

如果你连接到一个已存在的网点，在你的项目下会有许多已存在的子目录和文件。你可以通过File View表栏来查看它们之间的相互关系，其方式同你在资源管理器中看到的类似。

如果需要将文件添加至项目，你可以或者从其他来源中选择已存在的文件，包括HTML文件，ASP,或多媒体文件（图片，动画，声音等等），或者在Visual InterDev中直接创立。

添加已存在的文件至项目

你可以将已经存在的文件添加到项目中去，或者将整个目录添加进项目中去。使用菜单命令Project|Add To Project命令并通过本地计算机或网络选择相应要添加到项目中的文件或目录，然后按OK按钮。这些文件或目录将会添加至网点项目中去。

或者，你可以简单地鼠标右键单击项目名称，在弹出菜单中选择Add Folder Contents命令。

然后出现相同的对话框，选择需要的文件或目录，然后按OK按钮。如果你想在项目根目录之外的其他目录下添加文件或目录的话，只需选中那个目录名，鼠标右键单击其名称即可。

技巧

你也可以从资源管理器中直接拖放文件至你的网点项目下去。

无论你通过何种方式添加文件或目录，Visual InterDev将自动复制这些文件到Web服务器上以及在本地机上的相应工作目录。

在网点项目中创立新的文件

除了向网点项目中添加已存在文件外，Visual InterDev还能自动帮助你创建新的文件。你可以选择菜单命令File|New或选择Projects|Add to Project|New。这两个命令都打开一个New对话框。确信在对话框右上角的Add to Project选项被选中。

你也可以从对话框顶部的文件表栏中选择创建以下几种文件，包括.cfm和.asp文件。你也可以从文件创建向导中任选一种向导或从其他文档表栏中选择其他类型的文档。在这章的后面部分将介绍如何使用Data From Wizard向导来创建HTML布局。

在选择了所要创建的文件类型之后，输入文件名按OK确认。同时，你也可以更改文件保存的目录，但是建议您将所有文件保存在工作目录下。

Visual InterDev自动地用合适的标题和脚注来创建新的文件并在工作区的右栏内打开它，让你编辑。如果你关闭文件或选择了File|Save，文件将同时保存在Web服务器上和你的本地工作目录下。

预览文件

当你保存文件后，你可以预览文件已确定其在网页浏览器上的显示格式。有以下三种方式可以预览：

- 选中想要预览的文件并选择菜单命令File|Preview in Browser,或选中此文件，鼠标右击此文件名在弹出菜单中选择Preview in Browser。两个操作都将在您工作站上安装的缺省浏览器上打开此文件。当使用Visual InterDev 时，浏览器一般是Internet Explorer。

- 鼠标右击此文件名，在弹出菜单中选择Browse With命令，选择一种在您工作站上已安装的浏览器（例如Netscape Navigator）,单击Open打开此文件。

- 在Info Viewer中打开此文件，此时将显示在Visual InterDev内，此方式同你打开Visual InterDev帮助文件的方式类似。使用以上提到的Browse With命令，但选择Info Viewer而不是Web Browser 。

技巧

你可以通过Browse With命令来设置缺省浏览器。在打开文件之前选择你所用的浏览器并设置Set as Default选项。在这之后，每次当您使用Preview in Browser命令时，文件将会在设置缺省的浏览器上打开。

注意

大多数浏览器

—包括Info Viewer和Internet Explorer—缺省时设置了Cache即缓存。所以在在浏览文件时要确认按Refresh键以更新文件的内容。

当浏览ASP页时，你会注意到网页中的的所有服务器-客户端程序脚本已被屏蔽掉。你可以在浏览器中选择View Source命令来查看其代码。只有HTML代码被传送到浏览器端，着使得你能够在标准的浏览器中浏览ASP页。

你也可以直接从Web服务器端查看你对文件所做的修改。当你保存了文件后，在Web服务器端的文件也会更新。你可以在浏览器中直接键入你的网点的URL，显示最后的结果。当你在开发带有框架的网页并需要显示各个框架内网页显示结果的时候，这种方式特别有用。

对文件拷贝的工作

当你打开一个网点工程后，其中的一些文件图标会显示正常色；而另外一些则变灰。这些正常色的图标表明这些文件在你的当前工作目录有拷贝。如果你想编辑一个其图标为灰色的文件的话，Visual InterDev会尝试从Web服务器端将这个文件复制到本地的工作目录下以供编辑。

这种请求总是成功的。Visual InterDev不会去判断是否有别的人有你的文件的拷贝和是否有人在编辑它。但是，在服务器端的文件拷贝同其在你的工作目录下的文件不一样的话，Visual InterDev会询问你是否要保持工作目录下的文件还是用服务器端的版本来更新它。这种情况通常发生在别人在你上次对项目修改之后又对其进行了文件编辑。当使用Visual SourceSafe进行连接时，Visual InterDev当别人正在他的工作目录下对文件进行编辑时将不允许你获得服务器端文件的备份。这样确保同时不能有两个人以上对同一文件进行编辑和更新。

你可以随时从服务器端得到文件或目录的拷贝，只需选中相应的文件和目录，鼠标右击其名称然后在弹出菜单中选择Get Working Copy命令即可（见图25.6）。

你可以在任何时候解除文件的工作拷贝-鼠标右击文件名，选择Release Working Copy命令。这个命令将会使得文件图标重新变灰。

有一些操作只有当你解除对文件的工作拷贝后才能执行-例如重命名或在项目内移动文件。解除对文件的工作拷贝同时也使得其他人能够当项目由Visual SourceSafe进行管理时，得到其工作拷贝从而对其进行修改。

创建HTML布局

一个HTML布局页的后缀名为.alx。它在Visual InterDev中显示为一个空的网格页，你可以在上面放置ActiveX控件，例如下拉列表，无线电按钮，命令按钮等等。使用HTML工具条和提供的网格，你可以在网页上精确放置控件，以达到你所希望的外观形式。

一个HTML布局页可以轻易地创建并被添加到你的项目中去，通过建立一个新的.cfm或.asp文件就可以实现。在New对话框中，在Files表栏中选择HTML布局，输入文件名，按OK确认。这个HTML布局页将会被创建，添加到你的Web服务器上和项目中，并在工作区内右栏中打开。

编辑HTML布局

当Visual InterDev在工作区内打开一个HTML布局页时，同时打开的有HTML布局工具箱和HTML布局工具条。在工具箱内提供了所有可获得的控件。只需单击某个你想添加的控件然后在页上某处单击即可。

当你在布局页上放置了某个控件，你可以用工具箱中的箭头工具来改变控件的大小。用箭头点击控件，此时小的尺寸变化箭头会出现在其四周。拖放这些小箭头，你能够精确调整控件的大小，形状和其在页面上的位置。

双击任何一个控件，将会出现它的属性对话框，其中的一系列属性列表可以让你设置其属性已改变其外观。鼠标右击此控件将会弹出程序脚本向导以供你给此控件的不同的触发事件进行程序脚本设计。

当你完成HTML布局页的设计后（以后仍可以对其进行编辑修改），选择File|Save保存文件或关闭并保存文件。

在HTML页中插入一个HTML布局

当创建和保存了一个HTML布局页之后，它可以很容易地插入到.cfm和.cfml文件中。你可以简单地在File View表栏中双击所要编辑的HTML文件，打开即可。

首先，将光标放置在HTML页上想要放置的HTML布局的位置。这个地方必须是位于HTML文件的<BODY>和</BODY>标记之间。然后选择Insert|Into HTML|HTML Layout或简单地鼠标右击HTML页然后在弹出菜单中选择Insert HTML Layout。然后你可以选择你想要插入HTML页中的HTML布局页。

Visual InterDev自动地产生在HTML页中插入HTML布局的代码。当保存文件之后，你可以在浏览器中对其进行预览已确认HTML布局是否正确插入。

显示你的网点项目的链接

Visual InterDev的一个显著特性是查看链接功能，它使得你能够查看所有和你所选择的文件相关的链接关系。包括其与其他HTML和ASP文件，图片和多媒体文件，HTML布局-甚至是ActiveX和Java Applets之间的链接。

为了查看与特定文件的链接关系，在File View表栏中选中相应的文件并选择View|Links。同样，你也可以鼠标右击此文件名，然后在弹出菜单中选择View Links。这两个命令都可以在工作区内右栏打开Link View。被选择的文件位于视图的中心，其他与之相链接的文件被布置在它的周围（见图25.7）。其箭头表明了链接的方向（双向箭头表明两个文件之间有相互的链接的关系）。断箭头（表明与此文件向链接的那个文件找不到）用红色表示。

如果单击任何与其相链接的文件，将显示那个文件所有的热链接关系。通过这种方式，你可以很容易地查看网点项目中所有文件的可视化的链接关系。

如果要显示的热链接关系太多的话，你可以过滤掉一些细节。例如，你只关心此文件与其他HTML文件之间的链接关系，选择View|Filters命令来打开或关闭此项过滤功能。如果你关闭了多媒体文件的链接关系，在 工作区内将会有更多的空间来清楚地显示HTML链接。

你可以双击一个文件以供编辑。鼠标右击此文件使得这个文件处于Link View（链接视图）的中心，或打开编辑，或在浏览器中预览。

显示与其他网点的链接

Link View（链接视图）也能用于显示文件与WWW上其他网络站点之间的链接关系。选择Tools|View Links on WWW并输入你想要看的站点的URL。Visual InterDev从URL返相关的链接关系，并将关系以显示文件与本网点项目链接关系相同的方式显示与链接视图中。

同样，鼠标右击任何所链接的文件使得那个文件位于视图的中央供你编辑或在浏览器中进行预览。

更新链接

Visual InterDev当你对项目中的文件重命名或移动后能够更新和修改与之相关的链接关系。缺省条件下，无论你重命名或移动文件后，Visual InterDev会提示你是否需要更新与此文件有关的所有链接关系。你可以选择Yes或No.但是你也可以让Visual InterDev自动完成此项工作而不询问你（在重命名或移动文件对话框中选择了此项功能）。

你也可以通过选择Tools|Options设置这项功能。在Web Project页内选中Link Repair选项之后，链接关系则会每次自动更新。