开博第一篇，真是一个值得纪念的日子，献给我们每每打开MS的官方网却不知道安装那Silverlight是干吗的孩子们..
来，给我个聚光灯
认识的不认识的都看过来，要签名的请到 ZhengYL1988@gmail.com ，谢谢大家...
废话不多说，咱是靠手艺吃饭的。
虽然Gates在Tech.Ed 发布了2.0.. 但是我还是觉得，从最基础的学起才是无敌。
Silverlight 1.0 QuickStart...入门级再入门级...
原文来自 http://www.silverlight.net/quickstarts/silverlight10/default.aspx
前面的欢迎词省略，begin at NOTE。
Note:
本入门主要让大家如何学会使用XAML标记语言来建立 SilverLight 应用程序。如果你想对如何使用Microsoft Expression Blend 2 应用程序设计工具进行开发的话,参见 http://go.microsoft.com/fwlink/?LinkId=93839 ，试用版 is available...
脚步跟上来。
第一步: 建立一个简单的SilverLight项目
summary for step one:一个典型的Silverlight项目包含了4个文件，他们分别是：1、承载 Silverlight 插件的HTML文件
2、silverlight.js文件
3、XAML文件
4、用于支持之前的HTML文件的JavaScript文档
该文档主要是向大家介绍开发简单的开发步骤（如何开发基本的 Silverlight 项目及如何将 Silverlight 内容添加到HTML文件中）
包含以下几个部分：
step 1：看看开发前要做哪些准备；
step 2：将script references添加到你的HTML页面中；
step 3：创建HTML控制元素 及 添加初始化模块
step 4：建立 Silverlight 容器文件； （始终找不着如何来用一个通俗的词语来表达 Silverlight content..建议 is welcome）
step 5：建立比较复杂的 sliverlight 插件 ；
step 6：弄懂了以上的内容，接下来我们要做什么；
let's begin
step 1: 开发准备
在开发你的 Silverlight 前，我们需要以下这些工具
1、安装 Silverlight 插件,大家可以在这里找到http://www.microsoft.com/silverlight/resources/install.aspx
2、随便一个HTML文件，这应该不用多说吧。
3、文本编辑器...- -|||
step 2：在HTML页面中添加脚本
在这个步骤里，我们要将名为 Silverlight.js 和 createSilverlight.js 的JavaScript文件添加到HTML页面中，然后创建一个控制Silverlight插件的元素。 Silverlight.js 文件是一个JS帮助文件，用来使你的Silverlight 内容能够在不同的平台上被浏览；createSilverlight.js这个文件将会在step 3中用到。
a. 找到Silverlight.js文件，在你silverlight 1.0 sdk 文件夹下很容易就可以找到
b. 新建名为createSilverlight.js的JS文件。
c. 现在拿出刚才准备好的HTML文件，用记事本打开他，在<head></head>之间插入
1
<script type="text/javascript" src="Silverlight.js"></script>
2<script type="text/javascript" src="createSilverlight.js"></script>
d. 让我们看看现在HTML文件的内容
1<!DOCTYPE html PUBLIC
2 "-//W3C//DTD XHTML 1.0 Transitional//EN"
3 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
5 <head>
6 <title>A Sample HTML page</title>
7 <script type="text/javascript" src="Silverlight.js"></script>
8 <script type="text/javascript" src="createSilverlight.js"></script>
9 </head>
10 <body>
11 </body>
12</html>
step 3：创建HTML控制元素 及 添加初始化模块
a. 你可以<body></body>挑选你希望silverlight内容出现的地方插入下面的代码，可怜我的例子里<body></body>什么东西都没有
1<!-- Where the Silverlight plug-in will go-->
2<div id="mySilverlightPluginHost">
3</div>
如果你想创建多个silverlight插件实例，可以在上述位置添加，但是要注意<div>里头的ID不能重复出现
b.创建初始化模块，在</div>后面添加如下代码
1
<script type="text/javascript">
2
3
4 // Retrieve the div element you created in the previous step.
5 var parentElement =
6 document.getElementById("mySilverlightPluginHost");
7
8 // This function creates the Silverlight plug-in.
9 createMySilverlightPlugin();
10
11</script>
12
创建多个插件实例还是要注意ID的问题
c. 还是看看HTML当前的内容
1<!DOCTYPE html PUBLIC
2 "-//W3C//DTD XHTML 1.0 Transitional//EN"
3 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
5 <head>
6 <title>A Sample HTML page</title>
7 <script type="text/javascript" src="Silverlight.js"></script>
8 <script type="text/javascript" src="createSilverlight.js"></script>
9 </head>
10 <body>
11
12 <!-- Where the Silverlight plug-in will go-->
13 <div id="mySilverlightPluginHost">
14 </div>
15 <script type="text/javascript">
16
17
18 // Retrieve the div element you created in the previous step.
19 var parentElement =
20 document.getElementById("mySilverlightPluginHost");
21
22 // This function creates the Silverlight plug-in.
23 createMySilverlightPlugin();
24
25 </script>
26
27 </body>
28</html>
Step 4：定义这个silverlight实例所实现的功能，该例子是在页面上画一个灰色的四方形。
在我们之前创建的createSliverlight.js里头添加画方块的代码
1function createMySilverlightPlugin()
2{
3 Silverlight.createObject(
4 "myxaml.xaml", // Source property value.
5 parentElement, // DOM reference to hosting DIV tag.
6 "mySilverlightPlugin", // Unique plug-in ID value.
7 { // Per-instance properties.
8 width:'300', // Width of rectangular region of
9 // plug-in area in pixels.
10 height:'300', // Height of rectangular region of
11 // plug-in area in pixels.
12 inplaceInstallPrompt:false, // Determines whether to display
13 // in-place install prompt if
14 // invalid version detected.
15 background:'#D6D6D6', // Background color of plug-in.
16 isWindowless:'false', // Determines whether to display plug-in
17 // in Windowless mode.
18 framerate:'24', // MaxFrameRate property value.
19 version:'1.0' // Silverlight version to use.
20 },
21 {
22 onError:null, // OnError property value --
23 // event handler function name.
24 onLoad:null // OnLoad property value --
25 // event handler function name.
26 },
27 null); // Context value -- event handler function name.
28}
29
把所有的东西保存完，双击HTML文件，就可以看看自己的小成果。。例子虽然很简单，但大家不要因为这例子太搞笑，把Silverlight列入SUCK名单。
Silverlight的强大。。会让你知道为什么NBC会用Silverlight来支持我们的2008 北京奥运。
Step 5：建立自己的 Silverlight
照上头几个step，加.js文件到HTML，定义.js文件就OK，细节部分自己注意。
Step 6：接下来做什么？
大家是不是对Silverlight 插件的认识有了一点改观，接下来，我们来学学how to create xaml 文件。。。敬请期待
大家鼓掌，然后动动你们可爱的小手。
开博第一篇，感谢一下张先生和现在还在等我的蔡先生。