Live.com 小工具与 Windows Live Spaces 小工具皆属于 Web Gadget 的范围内，那么什么是 Web Gadget ?
Gadget ，中文称作「小工具」，泛指具有简单、精巧、只达成某项功能或是可以取得特定部分信息的小软件，如果在个人网页上执行的 Gadget 则称为「Web Gadget」也就是「网页小工具」。这类小工具都有着共通的特性，那就是不能单独执行，必须要有可以让它执行的地方，而「网页小工具」的责执行在「Live.com」或「Windows Live Spaces」，而另一种不属于 Web Gadget 的「信息广告牌小工具」则执行在 Windows Vista 里面的「信息广告牌」。

一个 Web Gadget 的设计宗旨如下:
·为单一功能与目标而建立。
·必须有所简洁、简单、易用，避免繁杂。
·在接口上显示必要的信息与特色。
·必须呈现使用着容易了解的信息。
·让使用者能省下许多时间专注在更重要的信息上。
·不能取代真正的应用软件。
范例：

	·简洁的接口    ·很直觉的操作模式    ·为单一目标而设立
	·复杂的接口    ·把一个网页嵌入在Gadget    ·看起来比较像应用软件

·所有的设计构思必须环绕在它最主要的目的上。
·能用最少的设定让使用者简单的操作。
·Gadget 小工具的设计取得单一目标与符合使用者情景为中心。一个 Gadget 无法完整取代应用软件的地位，而事实上它更像帮助已存在软件或服务的小工具，而且藉由使用者加入小工具到自己的部落格首页或是其它网页里，就可以让 Gadget 给您一个宣传产品或服务的机会。
·Gadget 小工具必须能后快速的取得与显示信息，以免让使用者过度等待。


＊总而言之，一个好的小工具需要发挥它的实用性与信息取得的便利性，而且还要有简单易用的接口，假如是太复杂、太专业的功能就不需要使用小工具，反而会弄巧成拙，失去小工具应有的价值。



1.要建立一个网页小工具 (以下可简称 Gadget ) 并非困难，但也需要一些制作网页程序的基础知识，如 XML、Javascript、CSS、HTML。
2.除此之外，建议在您的计算机里架设一套网站服务器(建议为IIS)，以方便测试与除错您的 Gadget。
3.当然还要有一个开发软件，简易的如记事本、 FrontPage，如果未来想要建立一个复杂的 Gadget，微软也提供一套免费的开发软件 Visual Web Developer 2005 Express 协助开发与除错。
Visual Web Developer 2005 Express 下载网址 : http://msdn.microsoft.com/vstudio/express/vwd/

你必须设定 Internet Explorer 内的信任与存取各网域的数据来源，以方便除错开发中的 Gadget。

1.首先，在 Internet Explorer 内选择｢工具｣→｢因特网选项｣→｢安全性｣→｢信任的网站｣→｢网站｣，新增｢http://*.live.com｣与｢http://*.start.com｣。

2.在 Internet Explorer 内选择｢工具｣→｢因特网选项｣→｢安全性｣→｢因特网｣→｢自定
层级｣→｢存取各网域的数据来源｣，设定为｢提示｣，层级为｢中等｣。然后继续再选择｢因特网选项｣→｢安全性｣→｢信任的网站｣→｢自定层级｣→｢存取各网域的数据来源｣，设定为｢提示｣，层级为｢中等｣。


3. 在 Internet Explorer 内选择｢工具｣→｢因特网选项｣→｢ Temporary Internet files｣→｢设定｣变更为｢每次查阅画面时｣。



1.首先，下载并储存范例档案。下载网址：http://microsoftgadgets.com/livesdk/samples/samples.zip
2.把范例档案解压缩至「C:\Gadgets 」数据夹，然后在此数据夹就会建立一个「
C:\Gadgets\Samples」资料夹。(在此压缩档里，会解压缩出 Hello、
Notepad、RssGadget、WebWrapper 四个资料夹)

3.开启「控制台」→「系统管理工具」→「 Internet Information Services 」→「新增虚拟目录」且命名为「Gadgets 」，并把目录指向「C:\Gadgets\Samples」资料夹。

*注意:操作此步之前，您的操作系统必须安装 Internet Information Service (IIS) ，这项功能在Windows XP 是不会预设安装的，如何安装可以参考「http://support.microsoft.com/kb/325889/zh-tw?spid=2097&sid=312」

4.接着请在 Internet Explorer 确认小工具的清单文件 (Manifest) 也就是Gadget 的 XML 檔网址是否可正常连结使用 - 依范例，则在网址列输入「http://localhost/Gadgets/hello/HelloWorldGadget.xml」即可正确连到本机 IIS 里的档案。你可以看到Gadget 的 XML 檔在 IE 7 会显示如下的样貌。

请注意：
1.如果Gadget 的 XML 档网址为有效网域网址则在 Live.com 可直接拿来使用，不需上传至Windows Live Gallery，但是如果为 Wnindows Live Spaces 所制作的小工具则需要上传至 Windows Live Gallery 并通过审核，才可正式使用，而直接拿自己的网址直接加入 Windows Live Spaces 是无法让大家看到您辛辛苦苦制作的小工具喔。
2.不管在 Live.com 或 Spaces 里，Gadget 的 XML 档网址必须为该网址的预设Port 80 ，不可自行设定为其它值，如http://localhost:88/ 。


[ 本帖最后由 Amanda 于 2008-2-1 16:51 编辑 ]

1.然后打开浏览器，在网址列输入「 http://live.com 」进入个人化网页平台，点选「新增专区项目」→「进阶选项」，然后在「使用 URL 新增小工具」，填入刚才确认可连结的 Gadget 的 XML 档网址 - 「http://localhost/Gadgets/hello/HelloWorldGadget.xml 」，然后再按下「订阅」，新增这个「 Hello World 」范例小工具。

2.按下订阅钮之后，如果成功，则不会显示红色的「无法新增此摘要，请稍后再试。」 并且会显示如下的安全性提示框，请按「是」，这个安全性提示框是因为设定「存取各网域的数据来源」而出现的，之后你将可以在「我的专区」看到「Hello World」这个范例小工具，按下它则可重新加入「Hello World」范例小工具。

3.或者你可以在浏览器打入以下网址把完成的小工具直接加入至 Live.com 做测试喔! http://www.live.com/?add=Gadget 的 XML 档网址 例如本范例则要打成 http://www.live.com/?add=http://localhost/Gadgets/hello/HelloWorldGadget.xml

1.请直接在浏览器网址列输入以下网址把完成的小工具直接加入至 Windows Live Spaces 做测试喔!
http://spaces.live.com/spacesapi.aspx?wx_action=create&wx_url=Gadget 的 XML 档网址
例如本范例则要打成
http://spaces.live.com/spacesapi.aspx?wx_action=create&wx_url=http://localhost/Gadgets/hello/HelloWorldGadget.xml
2.接着会打开新窗口并显示如下的安全性提示框，请按「是」，这个安全性提示框是因为设定「存取各网域的数据来源」而出现的。

3.然后可以看到分享空间的 Gadget 开发人员预览页面会预览显示刚才加入的Gadget，请继续按「安装」。

4.接着就可以把该 Gadget 加入至 Windows Live Spaces 里啰!


本文转自 http://gallerylive.spaces.live.com/


[ 本帖最后由 Amanda 于 2008-2-28 14:54 编辑 ]

因为 Internet Explorer 预设的除错功能为关闭的，若要开启 IE 的除错功能则选择
｢工具｣
→
｢因特网选项｣
→
「进阶」，把「停用指令码除错 (Internet Explorer)」与「停用指令码除错 (其它)」取消勾选即可。



1。请先选择「档案」→「开启网站」，然后选择要开启的网站，之后再软件右方选择「方案总管」并拉开选单，然后依图所示点选最上方的选项，再按右键选择「属性页」。

2.请在「起始 URL 」填入「 http://gadgets.start.com/gadget.aspx?manifestUrl=Gadget 的 XML 文件网址」，例如本范例就用「http://localhost/Gadgets/hello/HelloWorldGadget.xml 」
做为清单文件网址，也就是最后填入「 http://gadgets.start.com/gadget.aspx?manifestUrl=http://localhost/Gadgets/hello/HelloWorldGadget.xml」即可，接着再按下「确定」。

3.
之后打开你的 Gadget JavaScript 档，设定断点。
4.
按下 F5，即可启动 Gadget 并侦错。


建立好开发环境之后就可以开始动手做一个 Gadget 啰! 在下一章中，会教您如何制作一个 Gadget 唷!

拆分开了哈？

很不错的说，呵呵，哪天闲时也捣鼓一个试试！！

恩，希望我们的社区里能出越来越多的高水平专业制作高手，哈哈

这个比那个bar好，我喜欢的，可惜没时间弄啊！外加有点复杂了，抽时间试试！

怎么SAMPLE不能下载了？

ms是没有办法了，可能文章太老了，我再想想办法哦

引用:

原帖由 Amanda 于 2008-2-2 11:34 发表
恩，希望我们的社区里能出越来越多的高水平专业制作高手，哈哈

高水平和专业是很大区别的。。