将这个Silverlight 控件连接到一个已有的网站(Link This Silverlight Control Into An Existing Web Site) :- 如果你已经有一个Silverlight应用程序，选择这一个选项，它将帮助你将已有的Silverlight应用程序连接到一个已有的Web应用程序项目。对于新的项目，这个选项是不可用的，你需要一个已经存在的Web应用程序项目。
在这个例子中，我们选择第一个选项。当我们点击“OK”关闭这个对话框后，我们将看到Silverlight开发的整个IDE环境 ，如下图所示。
让我们先来看看Visual Studio都为我们创建了那些内容。在解决方案浏览器中，你会看到两个项目，一个是我们的Web应用程序项目，而另外一个就是Silverlight应用程序项目。在Silverlight应用程序项目中，有两个XAML文件：App.XAML和Page.XAML。其中，App.XAML文件包含了一些全局的信息。
第四步：为了简便，我们只使用一个TextBlock来显示一个字符串文本。你可以看到，当我们在Page.XAML文件中输入字符串的时候，这些字符串也同时在XAML查看器中显示了出来。代码和视图时同步的。
图21 编辑XAML
第五步：现在，我们需要将Silverlight应用程序嵌入到一个ASPX页面中。所以在HTML/ASPX页面中，我们需要使用“Register”属性引用Silverlight的名字空间：
<%@Register Assembly="System.Web.Silverlight" Namespace="System.Web.UI.SilverlightControls" TagPrefix="asp" %>
同时，我们还需要引用Silverlight名字空间的脚本管理器。脚本管理器控件是AJAX的一个功能，它的主要目的就是管理下载并引用JavaScript库。
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
最后，我们需要引用Silverlight应用程序。在下面的代码中，你可以看到我们引用了XAP文件。XAP文件实际上是一个编译后被压缩成ZIP格式的Silverlight应用程序。在这个压缩包中，它基本上包含了应用程序所需要的所有文件。如果你将他的后缀名修改为zip，你可以使用WinZip或者WinRAR打开这个文件并查看其中的内容。
<asp:Silverlight ID="Xaml1" runat="server" Source="~/ClientBin/MyFirstSilverLightApplication.xap" MinimumVersion="2.0.31005.0" Width="100%" Height="100%" />
到此为止，嵌入了Silverlight应用程序的ASPX/HTML代码就像下面这个样子：
<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ Register Assembly="System.Web.Silverlight" Namespace="System.Web.UI.SilverlightControls"
TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="height:100%;">
<head runat="server">
<title>MyFirstSilverLightApplication</title>
</head>
<body style="height:100%;margin:0;">
<form id="form1" runat="server" style="height:100%;">
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<div style="height:100%;">
<asp:Silverlight ID="Xaml1" runat="server" Source="~/ClientBin/MyFirstSilverLightApplication.xap"
MinimumVersion="2.0.31005.0" Width="100%" Height="100%" />
</div>
</form>
</body>
</html>
第六步：最后，将Web应用程序项目设为启动项目并且将其页面设置为启动页。运行这个项目，你将看到你的第一个Silverlight应用程序已经成功运行了。
源代码
你可以在这里下载本文的源代码。
