这个世界上有一个人会永远等着你。

无论是在什么时候

无论你在什么地方

反正你知道总会有这样一个人…

世界上只有两种可以称之为浪漫的情感，

一种叫相濡以沫，

另一种叫相忘于江湖，

我们要做的是争取和最爱的人相濡以沫，

和次爱的人相忘于江湖。

也许不是不曾心动，

不是没有可能，只是有缘无份，

情深缘浅，我们爱在不对的时间……

回首往事的时候,

想起那些如流星般划过生命的爱情，

我们常常会把彼此的错过归咎为缘份，

其实说到底，缘份是那么虚幻抽象的一个概念……

真正影响我们的，

往往就是那一时三刻相遇与相爱的时机，

男女之间的交往，

充满了犹疑忐忑的不确定与欲言又止的矜持，

一个小小的变数，

就可以完全改变选择的方向。

如果彼此出现早一点，

也许就不会和另一个人十指紧扣，

又或者相遇的再晚一点，

晚到两个人在各自的爱情经历中

慢慢地学会了包容与体谅，善待和妥协。

也许走到一起的时候,

就不会那么轻易的放弃, 任性地转身, 放走了爱情…

在你最美丽的时候，你遇见了谁？

在你深爱一个人的时候，谁又陪在你身边？

爱情到底给了你多少时间？

去相遇与分离？ 去选择与后悔？

不是不心动，不是不后悔，但已经没有时间再去相拥，

如果爱一个人而无法在一起,，

爱却无法在适当的时候相遇 。

爱了却爱在不对的时候，

除了珍藏那一滴心底的泪，无言的走远，

又能有什么选择？  

在时间的荒野, 没有早一步也没有晚一步，

于千万人之中, 去邂逅自己的爱人, 那是太难得的缘份

更多的时候, 我们只是在彼此不断地错过,

错过杨花飘风的春,

又错过了枫叶瑟索的秋,

直到漫天白雪, 年华不再,

在一次次的心酸感叹之后,才能终于了解……

即使真挚,

即使亲密，

即使两个人都已是心有戚戚,

我们的爱, 依然需要时间来成全和考验。

这世界有着太多的这样那样的限制与隐秘的禁忌，

又有太多难以预测的变故和身不由已的离合，

一个转身，也许就已经一辈子错过，

要到很多年以后，才会参透所有的争取与努力，

也许还抵不过命运开的一个玩笑，

上帝只在云端眨了一眨眼,

所有的结局, 就都已经完全改变。

在对的时间，遇见对的人，是一种幸福。

在对的时间，遇见错的人，是一种悲伤。

在错的时间，遇见对的人，是一声叹息。

在错的时间，遇见错的人，是一种无奈。   

回忆的花瓣掠过心湖，

泛起片片涟漪,

爱不是千言万语，

也不是朝朝暮暮。

爱是每当午夜梦醒时，

发现内心牵挂的依然是远方的你……

PS:一个女人写的—《最完美的爱情》

对于一个女人，最完美的爱情是，

和一个白马王子一见钟情，之后恋爱结婚，子孙满堂

1. CURIOSITY & KNOWLEDGE

（猎奇与求知）
reuters.com
research.philips.com
readme.cc.png
podtropolis.com
papertoys.com
new7wonders.com
lipsum.com
thomasedison.org
beelinetv.com
useit.com
submarinechannel.com/titlesequences
visual-literacy.org
cartype.com
captology.stanford.edu
bannerblog.com_au
ge.com
curiosityshoppeonline.com
creativecommons.org
lawsofsimplicity.com
gnu.org
digg.com

2. GRAPHICS, MUSIC & ARTS

（图像、音乐、艺术）
yugop.com
vincent-vella.com
uva.co.uk
tutorialblog.org/free-vector-downloads
tate.org.uk
squidfingers.com/patterns
sohodolls.co.uk
radioblogclub.com
photogravure.com
netdiver.net/illustration
mine-control.com
matthewmahon.com
marcelod2.com.br
magwerk.com
kraftwerk.blocmedia.net
headbangers.tv *
grupow.com/circulo
creaturesinmyhead.com
bernhardwolff.com
arturofuentes.com
alennox.net

3. E-COMMERCE EXPERIENCE

（电子商务新体验）
colette.fr
imaginemusicstore.com
canyon.com
coft1.com
heftyrecords.com
ourtype.be
freddyandma.com
nikeid.nike.com
feelthepower.biz
shopcomposition.com
oneill.com
agentprovocateur.com

4. SEARCHING & FINDING

（搜索）
trendwatching.com
thefwa.com
springwise.com
scirus.com
scholar.google.com
podcasts.yahoo.com
msdewey.com
maps.live.com
chacha.com
books.google.com

5. ONLINE RESOURCES

（在线资源）infopresse.com/prixboomerang
rjnet.com.br/2velocimetro_php
vixy.net
kuler.adobe.com
wikitravel.org
thinkingwithtype.com
dominiopublico.gov.br
madehow.com
icp.org
howstuffworks.com
dafont.com
dictionary.reference.com
gutenberg.org
nationmaster.com
en.proverbia.net
del.icio.us
touchgraph.com

6. TOP INTERACTIVE EXPERIENCE CREATORS
（最佳互动界面设计）
2advanced.com
akqa.com
almapbbdo.com.br
artless.gr.jp
bigspaceship.com
d-o-e-s.com
domanistudios.com
eurorscg4d.com
farfar.se
firstbornmultimedia.com
group94.com
heiwa-alpha.co.jp
hi-res.net
lowetesch.com
mecano.ca
northkingdom.com
rga.com
soleilnoir.com
wefail.com

如果去北京或上海，心里又好舍不得大家啊

静静地坐在你的身边
还会有多少这样的时间
我要迎着这窗外的光线
牢牢的记住你微笑的侧脸

我说了离别不会伤悲
这是我对你唯一的欺骗
因为我最喜欢你的双眼
那么美不适合掉眼泪

你要好好的去飞不需要对我想念
我会默默地留下右手边的座位
有一天当你看过世界
再决定你降落的地点

而我也会继续地奔驰在这长长的街
左手边是我的心右手边没有谁
为了你再寂寞我都可以成全
因为我相信说过了再见
一定会再见

我说了离别不会伤悲
这是我对你唯一的欺骗
因为我最喜欢你的双眼
那么美不适合掉眼泪

你要好好的去飞不需要对我想念
我会默默地留下右手边的座位
有一天当你看过世界
再决定你降落的地点

而我也会继续地奔驰在这长长的街
左手边是我的心右手边没有谁
为了你再寂寞我都可以成全
因为我相信说过了再见
一定会再见

你要好好的去飞不需要对我想念
我会默默地留下右手边的座位
为了你再寂寞我都可以成全
因为我相信说过了再见
一定会再见

蔡健雅 “越来越不懂”

在我22岁时
回想起当时多么想谈爱
妈妈说就让它来
然而在我32岁时
发现我没太多的心去等待
它失去某种色彩

得不到的就更加爱
太容易来的就不理睬
其实谁不想遇见真爱
爱得绝对爱得坦白
以为遇上了就会明白
但每次它只留下惊鸿一瞥的感慨
yo 我越来越不懂爱

才32岁的我
虽然一个人过也过得够精彩
偶尔再想谈恋爱
然而爱总是乱了节拍
我只能够瞎猜也许能中了头彩
中了又觉得奇怪
得不到的就更加爱
太容易来的就不理睬
其实谁不想遇见真爱
爱得绝对爱得坦白
以为遇上了就会明白
但每次它只留下惊鸿一瞥的感慨
oh...越来越不懂爱

得不到的无所谓
就算是自我安慰
没必要伤悲
得不到的就更加爱
太容易来的就不理睬
其实谁不想遇见真爱
爱得绝对爱得坦白
以为遇上了就会明白
但每次它只留下惊鸿一瞥的感慨
oh...越来越不懂爱
以为遇上了就会明白
但每次它只留下惊鸿一瞥的感慨
oh...越来越不懂爱

有几篇文章很好，转过来以备参考：

http://blog.joycode.com/joy/posts/16939.aspx 开心就好的博客

在上一篇文章中，提到了在我的流程监控系统中应用了新浪发送短信的Web Service，得到了大家的响应。很多人对此非常感兴趣。

在得到该资源的推荐者张炜先生（开发合作部的同事）的允许后，我决定公布此资源，并且提供如同鸡肋般的示例代码。

该资源的该问地址为：http://smsinter.sina.com.cn/ws/smswebservice0101.wsdl，这是一个WSDL文件格式，您可以直接在您的VS.NET环境中直接添加Web引用，把该地址输入即可。

该Web Service就只有一个方法，即string sendXml(carrier,userid,password,mobilenumber,content,msgtype)。各个参数全部为string类型，其含义基本如下（可能不正确）。

• carrier:运营商名称，这里面可以随便输，不过似乎没有任何显示，不知道里面有没有其它奥秘。
• userid:您在新浪无线上注册的手机ID，即http://sms.sina.com.cn/。
• password:您在新浪无线上注册手机时所使用的密码。
• mobilenumber:对方的手机号码;
• content:发送短消息的内容;
• msgtype:发送短消息的类型，我估计支持彩信，不过我目前仅使用文本短信方式，似乎随便输什么都可以，我使用的是“Text”。

示例如下：

Sina.SMSWS ws = new Sina.SMSWS();
   string result = ws.sendXml("Sina",textBox1.Text,textBox2.Text,textBox3.Text,textBox4.Text,"new");

资费标准请参看新浪无线网站上的相关说明，应该是一条一角钱，不过也或者是一条两角线。由于其后台可能使用了消息队列机制，在繁忙的时候，可能会有几秒钟延迟。

http://www.cnblogs.com/wayfarer/archive/2004/04/05/5231.html 张逸的博客（06年学习petshop时就是他的fans啦，哈哈）

今天到博客堂，看见开心就好发的这个贴子，感觉很好。

新浪发送短信的Web Service资源的该问地址为：http://smsinter.sina.com.cn/ws/smswebservice0101.wsdl，这是一个WSDL文件格式，您可以直接在您的VS.NET环境中直接添加Web引用，把该地址输入即可。

该Web Service就只有一个方法，即string sendXml(carrier,userid,password,mobilenumber,content,msgtype)。各个参数全部为string类型，其含义基本如下（可能不正确）。

• carrier:运营商名称，这里面可以随便输，不过似乎没有任何显示，不知道里面有没有其它奥秘。
• userid:您在新浪无线上注册的手机ID，即http://sms.sina.com.cn/。
• password:您在新浪无线上注册手机时所使用的密码。
• mobilenumber:对方的手机号码;
• content:发送短消息的内容;
• msgtype:发送短消息的类型，我估计支持彩信，不过我目前仅使用文本短信方式，似乎随便输什么都可以，我使用的是“Text”。

示例如下：

Sina.SMSWS ws = new Sina.SMSWS();
   string result = ws.sendXml("Sina",textBox1.Text,textBox2.Text,textBox3.Text,textBox4.Text,"new");

资费标准请参看新浪无线网站上的相关说明，应该是一条一角钱，不过也或者是一条两角线。由于其后台可能使用了消息队列机制，在繁忙的时候，可能会有几秒钟延迟。

我的说明：通过这个WebService编写发送短信的程序，就和Hello World一样简单。有兴趣的朋友自己就可以短信程序了。虽然节约不了什么money，至少打字比在手机上快些嘛。何况是自己写的，总有些自豪不是？

在PDAFan论坛上已经有个实例了。http://bbs.pdafans.com/viewthread.php?tid=9613

我又给他增加了一点功能，至少使用起来要友好些吧！

下面是我的说明：

我用了一下这个程序.觉得遗憾的是发送后的提示信息太不友好了.我分析了sendXml()方法的返回结果.是一个类似xml格式的字符串,其中提示信息放在标签<message>中,例如:<Message>无效手机号码</Message>.

我不知道字符串类是否有与xml转换的方法.但我利用截取子串方法实现如下的方法:

//截取处于开始字符串和结束字符串中间的字符串,尤其适合得到处于xml标签之间的字符串内容;
private string GetSubString(string mainString,string startString,string endString)
{
int start = mainString.IndexOf(startString);
int end = mainString.IndexOf(endString);
if (start<0||end<0)
{
return null;
}
else
{
string result = mainString.Substring(start+startString.Length,end-start-startString.Length);
return result;
}
}

其中mainString为子串,startString为起始标签,endString为结束标签.具体调用如下:

string start = "<Message>";
string end = "</Message>";
string mainString = WebServiceName.SendXml(parameter...);
string result = GetSubString(mainString,start,end);

然后用MessageBox显示出来,发短信的用户就知道是否发送成功了.
MessageBox.Show(result+"!");//加一个感叹号,漂亮一点:)

http://www.chinacs.net/archives/5/2006/3591.html

BEA(Oracle): http://dev2dev.bea.com.cn/techtype/soa/index.html

IT专家网: http://soa.ctocio.com.cn/

IBM: http://www.ibm.com/developerworks/cn/webservices/newto/

TT SOA: http://www.searchsoa.com.cn/

MS: http://www.microsoft.com/china/biztalk/soa/default.mspx

Cross-site scripting (XSS):跨站脚本是一种经常出现在web应用中的计算机安全漏洞，它允许恶意web用户将代码植入到提供给其它用户使用的页面中。比如这些代码包括HTML代码和客户端脚本。攻击者利用XSS漏洞旁路掉访问控制——例如同源策略（same origin policy）。近来，这种类型的漏洞被用来编写危害性更大的phishing攻击和利用浏览器漏洞。

产生背景

当Netscape首先引入JavaScript语言时，他们便认识到这些允许web服务器发送可执行代码给浏览器所带来的安全风险。其中的一个关键问题是往往用户一次打开一个以上的浏览器窗口。在一些场合中，来自一个页面的脚本应被允许访问来自另一个页面或者对象的数据，但这在其它的一些场合中是被严格禁止——因为一些恶意站点可以使用此方式盗取敏感信息。出于这一原因，同源策略被制定了。此策略允许对象和页面之间进行任何交互，但这些对象要来自于页面所在同一域名和同一协议。这样，恶意站点就不能通过另一个浏览器窗口中的JavaScript访问敏感数据。

至此，其它一些类似的、用于防止用户被恶意站点侵害的访问控制策略已经被其它浏览器和客户端脚本语言所采取。

通常，XSS漏洞被视为允许攻击者越过这些机制的漏洞。通过寻找新的脚本侵入途径——将恶意脚本注入位于其它域名的页面，攻击者获得了敏感页面内容、会话cookie、其它对象变量的访问权限。

名词

XSS并不是对于此类漏洞的精确描述。按照XSS先驱Marc Slemko的说法：“这个问题不是关于脚本的，实现跨站没有所必需的任何东西。那么为什么这样称呼呢？因为它最早被杜撰出来时大家对于XSS这个问题并没有很透彻的认识。”

早期的CSS被用来指跨站脚本漏洞，但这个名字很快就和级联样式表（Cascading Style Sheets）、内容编码系统（Content-scrambling system）的缩写产生冲突。因此在2002年，XSS这个缩写的缔造者Steve在Bugtraq邮件列表上首次建议使用XSS作为跨站脚本的缩写。随后各大安全社区很快便使用了XSS，而CSS很少被用来指跨站脚本了。

XSS的类型

XSS漏洞目前具有三种不同的类型。出于讨论的目的，这里标记为类型0、类型1、类型2。

类型0

此形式的XSS漏洞涉及到基于DOM或者为本地跨站脚本的漏洞。此类型漏洞存在于页面中客户端脚本自身。例如：如果JavaScript代码访问URL请求参数并使用这个信息在自身所在的页面中输出一些HTML，而这个信息没有使用HTML实体编码，因为这个被输出的HTML数据（可能包含附加的客户端脚本）可以重新被浏览器进行解释执行，所以出现了此类型的XSS漏洞。

在实际环境中，利用这样一个漏洞和利用类型1的漏洞非常相似，除了一个非常重要的条件。由于Internet Explorer对待位于本地域（比如在客户端本地硬盘中）的对象中的客户端脚本的方式，此类性XSS漏洞在本地页面中能呈现出远程执行漏洞的效果。例如，如果一个攻击者建立了恶意web主机，其主机中包括了一些链接到客户端本地系统的具有漏洞的页面，脚本便能被注入用户浏览器、并以用户浏览器权限运行。这便越过了这个客户端沙箱，而不是跨域限制。

类型1

这种XSS漏洞涉及一些非持久化的或者反射的漏洞。这些漏洞出现在web客户端使用server端脚本生成页面为用户提供数据时。如果未经验证的用户数据被包含在页面中而未经HTML实体编码，这便使客户端代码能够注入到动态页面中。一个经典的例子是站点搜索引擎：当进行一次对于某个包含一些特殊HTML字符的关键词的搜索，通常搜索关键词将显示在搜索结果页面中用来标记哪些信息被搜索，或者至少要在编辑文本框中显示搜索关键词。如果这个搜索关键词没有被HTML实体所编码，那么将出现类型1的XSS漏洞。

首先，这不会出现严重的问题，因为用户只能在他们自己的页面中注入代码。但是在少量的案例中，攻击者能够欺骗用户随着一个注入代码的恶意URL而进入搜索结果页面，这使攻击者拥有访问页面内容的所有权限。对于这种情况，一些开发者并不认为它是多么的可怕。这个错误的概念有时被应用到对待XSS漏洞上，这也是安全社区所不同意的，后者认为跨站脚本漏洞非常值得重视。

类型2

类型2的XSS漏洞涉及到被存储的、持久化的或者二次的漏洞。它允许多种危害巨大的攻击。此类型XSS漏洞出现于当web应用提供数据的情况下，此时这些数据首先被用户持久化保存到服务器上，然后被显示在页面中但没有经过HTML实体编码。一个经典的实例是在线留言版，用户被允许发布提供给其他用户读取的HTML格式的信息。

这些漏洞常比前两种漏洞影响深远，因为攻击者能够一次性注入脚本。这便潜在地给web应用带来了被注入跨站脚本病毒的危险。

注入的方法多种多样，攻击者可以无需使用web应用本身便可以利用此漏洞。被web应用接收的任何数据（通过电子邮件、系统日志等）可以被攻击者控制，所以在显示在动态页面中这些数据之前要进行编码。

利用XSS漏洞的场合

攻击者尝试利用XSS漏洞的方式按照漏洞的类型有所不同。

类型0攻击

1. Mallory发送一个恶意构造了web页面的URL给Alice（通过电子邮件或者其它机制）。
2. Alice点击链接
3. 恶意页面中的JavaScript打开一个具有漏洞的HTML页面并将其安装在Alice电脑上。
4. 具有漏洞的HTML页面包含了在Alice电脑本地域执行的JavaScript。
5. Mallory的恶意脚本可以在Alice的电脑上执行Alice所持有的权限下的命令。

类型1攻击

1. Alice经常浏览某个网站，此网站为Bob所拥有。Bob的站点运行Alice使用用户名/密码进行登录，并存储敏感信息（比如银行帐户信息）。
2. Mallory发现Bob的站点包含反射性的XSS漏洞。
3. Mallory编写一个利用漏洞的URL，并将其冒充为来自Bob的邮件发送给Alice。
4. Alice在登录到Bobde1站点后，浏览Mallory提供的URL。
5. 嵌入到URL中的恶意脚步在Alice的浏览器中执行，就像它直接来自Bob的服务器一样。此脚本盗窃敏感信息（授权、信用卡、帐号信息等）然后在Alice完全不知情的情况下将这些信息发送到Mallory的web站点。

类型2攻击

1. Bob拥有一个web站点，这站点允许用户发布信息/浏览已发布的信息。
2. Mallory注意到Bob的站点具有类型2的XXS漏洞。
3. Mallory发布一个热点信息，以使其它用户纷纷阅读。
4. 在大量对此信息的浏览中，站点用户的会话cookies或者其它证书将被Mallory盗走。
5. 而后，Mallory作为其它用户登录站点伪装为他们继续发布恶意信息。

考试吧　　                           http://www.exam8.com

国家公务员试题总结　          http://www.exam8.com/zige/ShowArticle.asp?ArticleID=20719

新浪考试　                           http://edu.sina.com.cn/official/index.shtml

国家公务员录用考试行政职业能力测验标准全真模拟试卷汇总

                http://www.examda.com/gwy/xingzheng/moniti/20061107/133329442.html 

2000-2007年国家公务员考试试题及答案汇总

                http://www.exam8.com/zige/ShowArticle.asp?ArticleID=20719

免费公务员考试资料网                                   http://www.gwy86.com/

《公务员之路》公务员考试专用                     http://www.newhua.com/soft/7990.htm    

公务员考试宝典2007版(公共基础知识)         http://www.newhua.com/soft/23674.htm     

公务员考试大全--行政能力卷 2.0                 http://www.newhua.com/soft/30803.htm      

国家公务员网                                                 http://www.gjgwy.org

Understanding Layout Management

Silverlight and WPF support a flexible layout management system that enables developers and designers to easily coordinate how controls are positioned within a UI surface.  This layout system supports both a fixed position model where controls are positioned using explicit coordinates, as well as a more dynamic position model where layout and controls can be automatically sized and flowed as the browser resizes.

Developers using Silverlight and WPF use layout panels to coordinate the position and resizing of controls contained within them.  The built-in layout panels in Silverlight Beta1 include three of the most commonly used ones in WPF:

• Canvas
• StackPanel
• Grid

Canvas Panel

The Canvas panel is a pretty basic layout panel that supports positioning controls contained within it using explicit coordinates.

You position elements in a Canvas using a XAML feature called "Attached Properties" - which allow you to specify a control's position relative to its immediate parent Canvas control's Left, Top, Right or Bottom coordinates.  Attached properties are useful as they allow a parent panel to extend the property set of a control contained within it. Canvas, by defining an attached property for “Top” and ”Left” basically adds the ability to define left and top attachment on Button (or any other UI element that is added to the Canvas), without any need to actually add a property to the Button class, or modify the Button class in any way.

We could add two buttons to a Canvas container, and position them both 50 pixels from the left of the Canvas, and 50 and 150 pixels from the top using XAML like below (the Canvas.Left and Canvas.Top attributes are examples of the attached property syntax):

This would then render our buttons like below:

While the Canvas is useful for scenarios where the UI elements contained within it never move, it tends not to be very flexible as you add more controls into it or handle scenarios where the UI needs to resize or move.  In cases like these you end up having to manually write code yourself to move things around inside the Canvas (which is a pain).  A better solution for these dynamic scenarios is typically to use an alternative layout panel that has built-in semantics to-do this for you - like the StackPanel and Grid.

StackPanel

The StackPanel control is a simple layout panel that supports positioning its contained controls in either a row or column layout.  StackPanels are typically used in scenarios where you want to arrange a small subsection of the UI on your page.

For example, we could use the StackPanel to vertically arrange three buttons on our page using XAML markup like below:

At runtime the StackPanel would then automatically arrange the Button controls in a vertical stack for us like below:

We could alternatively set the "Orientation" property of the StackPanel to be "Horizontal" instead of Vertical (which is the default):

This will then cause the StackPanel to automatically arrange the Button controls in a horizontal row like below:

Grid Panel

The Grid control is the most flexible layout panel, and supports arranging controls in multi-row and multi-column layouts.  It is conceptually similar to an HTML Table element.

Unlike an HTML Table, you don't embed controls within column and row elements.  Instead you specify a Grid's Row and Column definitions using <Grid.RowDefinitions> and <Grid.ColumnDefinitions> properties that are declared immediately under the <Grid> control.  You can then use the XAML "Attached Property" syntax on controls contained within the grid to indicate which Grid row and column they should be populated within.

For example, we could declare a Grid layout has three rows and three columns, and then position 4 buttons within it using XAML like below:

The Grid layout panel would then position the Button elements for us like so:

In addition to supporting absolute sizing (for example: Height="60") the Grid's RowDefinition and ColumnDefinition controls also support an AutoSizing mode (Height="Auto"), which automatically sizes the Grid or Row based on the size of the content contained within it (you can also optionally specify maximum and minimum size constraints - which can be very useful).

The Grid's Row and ColumnDefinitions also support a feature called "Proportional Sizing" - which enables the size of a Grid's Rows and Columns to be spaced proportionally relative to each other (for example: you could have the second row grow at 2x the rate of the first one).

You'll find that the Grid provides a ton of power and flexibility - and it will probably be the most common layout panel control you'll end up using.

Using Layout Panels to Arrange our Digg Page

Remember that the goal when building our Digg sample is to create a page that looks like the one below:

To create this layout we'll begin by adding a root Grid panel that has two RowDefinitions within it.  The first Row will be 40 pixels high, and the second will fill the remaining space (Height="*"):

Tip: Notice above how I've set the Grid's "ShowGridLines" property to "True".  This will enable us to easily visualize the Row and Column boundaries within the Grid when we test it at runtime:

We'll then embed a second Grid panel control as a child control within the first row of the root Grid panel container, and use it to arrange the top row (the header).  We'll create three columns within it - one for the Title, one for the Search TextBox, and one for the Search Button:

Once this is done we have the basic layout arrangement of our Digg search page in place:

Note: As an alternative to nesting Grids, we could have alternatively had one Grid with 3 columns and 2 rows and used the ColSpan/RowSpan feature of the Grid to merge content across multiple columns (similar to how you can do this with HTML tables).  I chose to use the nested Grid approach instead because I thought it would be simpler to follow along.

Now that we have the layout setup all we need to-do is add controls to it. 

For the header row we'll use the built-in <Border> control (with a CornerRadius of 10 to get a nice rounded edge) and add some text inside it to create the Title.  We'll use the built-in <WatermarkedTextBox> control in the second column for the search textbox.  And we'll put a search <Button> in the third column.  We'll then put some placeholder text in the second row where we are later going to display the search results.

Note: Below I'm embedding style information (FontSize, Colors, Margins, etc) directly on the controls.  Later in this tutorial series I'll show how to use Styles to extract and encapsulate these settings in a separate file (ala CSS) which can then be re-used across the application. 

And now when we run our application it looks like below:

Dynamically Resizing our Application

One thing you might have noticed in the XAML above is that our top-level control is currently set to be a fixed width and height:

When set this way our Silverlight Application will always remain that fixed size.  Expand the browser and this becomes apparent:

While constraining an embedded application to be a fixed size within a region of an HTML page is useful in some scenarios, for our Digg search application we really want the application experience to automatically flow and resize with the browser - just like an HTML page would.

The good news is that this is easy to implement.  Just remove the Width and Height attributes on the root control:

Our Silverlight application will then automatically expand (or shrink) to fill the HTML container it is embedded within.  Because the SilverlightTestPage.html file that we are testing our Silverlight application within hosts our Silverlight control in a HTML <div> element with a 100% width and height CSS setting on it, our Digg application will now fill the entire browser:

Notice how the content within the header of the application automatically resizes and flows based on the width of the browser:

When we shrink the browser, the watermark textbox and search button stay the same size because their Grid container columns are a fixed width.  The <Border> control containing our "Digg Search" title automatically resizes when we shrink the browser because the Grid column it is in is configured to be Width="*".

We did not need to write a single line of code to enable this layout behavior - the Grid container and the layout system took care of dynamically resizing and flowing everything for us.

Next Steps

We now have the basic layout structure of our Digg application created, and have our header row defined.

Our next step will be to implement the searching behavior of the application - and have it actually retrieve story content from Digg.com when an end-user using the application searches on a topic.

To-do that let's jump to our next tutorial: Using Networking to Retrieve Data and Populate a DataGrid.

Creating a New Silverlight Application using VS 2008

We'll start our Digg application by selecting the File->New Project menu item within Visual Studio 2008 and use the New Project dialog to create a "Silverlight Application" (note: you will need to download and install the Silverlight Tools for VS 2008 release when Beta1 ships to get this support):

We'll name the project "DiggSample".  When we click the "OK" button Visual Studio will prompt us with an additional dialog that allows us to choose whether we want to create just a Silverlight Application project, or optionally also add a server-side ASP.NET Web project to our solution to host the Silverlight Application within.  For this sample we'll choose to add an ASP.NET Web Application project to the solution as well and name it "DiggSample_WebServer".  When we click "ok" Visual Studio will create a solution for us that has both a Silverlight client application and an ASP.NET web server application in it:

When we do a "build" Visual Studio will automatically copy the compiled Silverlight application to our web server project (no manual step or configuration required).  The default web server project that VS created for us contains both an ASP.NET page and a static HTML page that we can use to run and test our Silverlight Application within. 

Note: Silverlight Applications can be used with any web-server (including Apache on Linux) and hosted within static HTML files or any server-side generated page (including PHP, Java, Python, Ruby, etc).  For this Digg sample we won't be writing any server-side code - we'll instead use the cross-domain networking feature of Silverlight to access the Digg service API directly.  I chose to create the ASP.NET web server project mainly to get automatic deployment and use its built-in web-server for testing.

Understanding What Is In a Silverlight Application

By default a newly created Silverlight application project contains a Page.xaml and App.xaml file, as well as code behind class files (which can be written in VB, C#, Ruby or Python) that are associated with them:

XAML files are XML text files that can be used to declaratively specify the UI of a Silverlight or WPF application. XAML can also be used more broadly to declaratively represent .NET objects.

The App.xaml file is typically used to declare resources, such as brush and style objects that are shared across the application.  The Application code-behind class for the App.xaml file can be used to handle application level events - like Application_Startup, Application_Exit and Application_UnhandledException.

The Page.xaml file is by default the initial UI control that is loaded when the application activates. Within it we can use UI controls to define our user interface, and then handle events off of them within the Page code-behind class (much more on this later).

When we build our DiggSample project, Visual Studio will by default compile the code and .XAML markup into a standard .NET assembly file, and then package it and any static resources (like images or static files we want to include in it) into a "DiggSample.xap" file on disk: 

".xap" files (pronounced "zap") use the standard .zip compression algorithm to minimize client download size. A "hello world" .NET Silverlight application (built using VB or C#) is about 4KB in size.

Note: Some controls in Beta1 are implemented in assemblies that if used are redisted in the application's .xap file (which will increase an application's size above the 4kb base size).  All of the controls used in the Digg application will be in the core Silverlight download package for Beta2 and the final release - which means that the total download size of the finished application will probably only be in the 6-8kb range (so very small and fast).

To host and run a Silverlight 2 application, you can add an <object> tag into any standard HTML page (no JavaScript required) that points to the .xap file.  Silverlight will then automatically download the .xap file, instantiate it, and host it within that HTML page in the browser.  This works cross browser (Safari, FireFox, IE, etc) and cross platform (Windows, Mac, and Linux).

Test HTML and ASP.NET pages (containing the <object> tag reference that points to our Silverlight application) were automatically added for us when we created our project - which means we can just hit F5 to build, run and test it.

Learning how to Add Controls and Handle Events

Right now our Digg application doesn't do anything, and when it is run it brings up an empty page.

We can change this by opening up the Page.xaml file in the project and adding some content to it: 

We'll begin by changing the background of the grid and by declaring a Button control within it.  We'll give the button an "x:Name" attribute value of "MyButton" - which will allow us to programmatically reference it within our code-behind class.  We'll also set its Content, Width and Height properties:

When we run the application our button will then show up in the middle of the page with "Push Me" content text like below:

To add behavior to our button we can add a "Click" event handler to it.  We can do this in source view by typing the event name:

Which will then prompt us for the event handler in our code-behind class to use:

We can then either type a new event handler method name to use, or optionally just press the enter key to name the event handler method using the default naming convention:

VS will then automatically create a stub event handler implementation in our code-behind class file.  We can use this event handler to update the Button's content with a new message when it is clicked:

After making the change above we can re-run the application and push the button again, and now its content is updated with a "Pushed!" message:

Next Steps

We still have a little more work left to-do before our application is done... :-)

Our next step will be to setup the overall UI layout structure of our application, and arrange more controls within it.  To-do that let's jump to our next tutorial: Using layout management

Silverlight 2 Beta 1 SDK
– http://www.microsoft.com/downloads/details.aspx?FamilyId=4E03409A-77F3-413F-B108-1243C243C4FE
• Source Code Silverlight 2 Beta 1 Controls
– http://www.microsoft.com/downloads/details.aspx?FamilyId=EA93DD89-3AF2-4ACB-9CF4-BFE01B3F02D4&displaylang=en
• .NET Framework 3.5 SDK(XAMLPad)
– http://www.microsoft.com/downloads/details.aspx?FamilyId=E6E1C3DF-A74F-4207-8586-711EBE331CDC&displaylang=en  
• Silverlight streaming SDK
– http://msdn2.microsoft.com/en-us/library/bb851621.aspx
• Silverlight 2 Developer Reference Poster
– http://blogs.msdn.com/brada/archive/2008/03/16/silverlight-2-developer-poster.aspx
• WoW The Web
– https://blogs.msdn.com/jijia

学习网站
• Silverlight 官方社区
– http://silverlight.net/
• MSDN Silverlight 专栏
– http://msdn2.microsoft.com/en-us/silverlight/default.aspx
• Expression team blog
– http://blogs.msdn.com/expression/
• ScottGu's Silverlight 2 中文博客
– http://blog.joycode.com/scottgu/archive/2008/02/29/114918.aspx

我觉得这个概念在未来几年里非常值得关注.

下面是我从chinabyte上找到的一些资料.

http://server.chinabyte.com/454/8160954.shtml   

　比尔·盖茨1989年在谈论“计算机科学的过去现在与未来时”时说：“用户只需要640K的内存就足够了。”那时，所有的程序都很省很小，100MB的硬盘简直用不完。

　　李开复(现任Google全球副总裁、中国区总裁)打了一个形象的比喻：钱庄。最早人们只是把钱放在枕头底下，后来有了钱庄，很安全，不过兑现起来比较麻烦。现在发展到银行可以到任何一个网点取钱，甚至通过ATM，或者国外的渠道。就像用电不需要家家装备发电机，直接从电力公司购买一样。“云计算”带来的就是这样一种变革——由谷歌、IBM这样的专业网络公司来搭建计算机存储、运算中心，用户通过一根网线借助浏览器就可以很方便的访问，把“云”做为资料存储以及应用服务的中心。

　　(一)原理:

　　云计算(Cloud Computing)是分布式处理(Distributed Computing)、并行处理(Parallel Computing)和网格计算(Grid Computing)的发展，或者说是这些计算机科学概念的商业实现。

　　云计算的基本原理是，通过使计算分布在大量的分布式计算机上，而非本地计算机或远程服务器中，企业数据中心的运行将更与互联网相似。这使得企业能够将资源切换到需要的应用上，根据需求访问计算机和存储系统。

　　这可是一种革命性的举措，打个比方，这就好比是从古老的单台发电机模式转向了电厂集中供电的模式。它意味着计算能力也可以作为一种商品进行流通，就像煤气、水电一样，取用方便，费用低廉。最大的不同在于，它是通过互联网进行传输的。

　　云计算的蓝图已经呼之欲出：在未来，只需要一台笔记本或者一个手机，就可以通过网络服务来实现我们需要的一切，甚至包括超级计算这样的任务。从这个角度而言，最终用户才是云计算的真正拥有者。

　　云计算的应用包含这样的一种思想，把力量联合起来，给其中的每一个成员使用。

　　(二)“云”时代

　　目前，PC依然是我们日常工作生活中的核心工具——我们用PC处理文档、存储资料，通过电子邮件或U盘与他人分享信息。如果PC硬盘坏了，我们会因为资料丢失而束手无策。

　　而在“云计算”时代，“云”会替我们做存储和计算的工作。“云”就是计算机群，每一群包括了几十万台、甚至上百万台计算机。“云”的好处还在于，其中的计算机可以随时更新，保证“云”长生不老。Google就有好几个这样的“云”，其他IT巨头，如微软、雅虎、亚马逊(Amazon)也有或正在建设这样的“云”。

　　届时，我们只需要一台能上网的电脑，不需关心存储或计算发生在哪朵“云”上，但一旦有需要，我们可以在任何地点用任何设备，如电脑、手机等，快速地计算和找到这些资料。我们再也不用担心资料丢失。

　　(三)云计算的几大形式

　　1.SAAS(软件即服务)

　　这种类型的云计算通过浏览器把程序传给成千上万的用户。在用户眼中看来，这样会省去在服务器和软件授权上的开支;从供应商角度来看，这样只需要维持一个程序就够了，这样能够减少成本。Salesforce.com是迄今为止这类服务最为出名的公司。SAAS在人力资源管理程序和ERP中比较常用。 Google Apps和Zoho Office也是类似的服务

　　2.实用计算(Utility Computing)

　　这个主意很早就有了，但是知道最近才在Amazon.com、Sun、IBM和其它提供存储服务和虚拟服务器的公司中新生。这种云计算是为IT行业创造虚拟的数据中心使得其能够把内存、I/O设备、存储和计算能力集中起来成为一个虚拟的资源池来为整个网络提供服务。

　　3.网络服务

　　同SAAS关系密切，网络服务提供者们能够提供API让开发者能够开发更多基于互联网的应用，而不是提供单机程序。

　　4.平台即服务

　　另一种SAAS，这种形式的云计算把开发环境作为一种服务来提供。你可以使用中间商的设备来开发自己的程序并通过互联网和其服务器传到用户手中。

　　5.MSP(管理服务提供商)

　　最古老的云计算运用之一。这种应用更多的是面向IT行业而不是终端用户，常用于邮件病毒扫描、程序监控等等。

　　6.商业服务平台

　　SAAS和MSP的混合应用，该类云计算为用户和提供商之间的互动提供了一个平台。比如用户个人开支管理系统，能够根据用户的设置来管理其开支并协调其订购的各种服务。

　　7.互联网整合

　　将互联网上提供类似服务的公司整合起来，以便用户能够更方便的比较和选择自己的服务供应商。

　　说了半天相信很多人还没搞清怎么回事，因为单“云计算”这三个字就已经够云里雾里的了。

http://server.chinabyte.com/364/8074864.shtml

多核、云计算名列最具革命性技术榜首

Gartner公司分析师David Cearley和Carl Claunch称，多核处理器、云计算、用户界面，社会网络/社会软件，以及Web mashups排在最具"革命性技术"前五位，预计将在2008年到2012年间重塑IT业前景。

　　接下来的五项技术为：普适计算(ubiquitous computing)、关联性计算(contextual computing)、增强现实(augmented reality)、虚拟技术。

　　分析师将于本周Gartner的拉斯维加斯Symposium Itxpo大会上公布这一结果。

　　多核处理器是一项先进技术，但是单线程应用软件无法利用这一优势，分析师注意到："单线程应用软件可以驱动一个八核系统，但是利用率仅为12.5%，因为其仅能利用8核中的一个。"

　　因此企业认为应用软件需要加以改进以满足当前多核时代的需求。

　　分析师们说，排在榜单5-10位的技术，如普适计算，也将在未来的几年中得到更多支持。

　　Xerox公司的研究人员描绘了计算业即将到来的第三波:计算机充斥着我们的生活，然而我们却看不到。他们写道：计算第三波所展现的是计算机已经由前台隐至后台，人们所感受到的仅是满足需求的技术。例如，汽车上的计算机是隐藏在方向盘和按钮后面的，未来的大部分计算机均将是隐藏起来的。

　　分析师们预测，将多种方法--例如射频识别(RFID)、便携式和广域访问数据等先进网络技术相结合会推动这一趋势的发展。

　　到2010年，Web mashups技术将成为创建企业应用软件集成的主要模式(应用率将达80%)。

http://server.chinabyte.com/328/7820828.shtml

IBM“蓝云”带来即可使用的云计算

2007年11月15日，IBM (NYSE: IBM)在上海推出了“蓝云(Blue Cloud)”计划，为客户带来即可使用的云计算(Cloud Computing)。它包括一系列的云计算产品，使计算不仅仅局限在本地机器或远程Server Farms，通过架构一个分布的、可全球访问的资源结构，使数据中心在类似互联网的环境下运行计算。

　　“蓝云”建立在IBM在领先的大规模计算领域的专业技术，将基于由IBM软件、系统技术和服务支持的开放标准和开源软件。全球超过200名IBM研究人员参与开发的“蓝云”，将帮助客户快速和简便的探索云计算基础架构以实现极限规模运算。

　　IBM正在同精选出的公司、政府机构、大学和互联网企业展开云计算计划方面的合作，并将于2008年向客户正式推出第一套支持Power和x86处理器系统的“蓝云”产品。

　　IBM今天在上海举行的SOA创新高峰论坛上演示了运行在配置Power和x86处理器的IBM BladeCenter上的云计算技术如何随着某一应用工作负载的变化动态地提供和分配资源。IBM还计划于2008年提供一个System z“大型主机”云环境，以充分利用System z支持的超大数量虚拟机的能力。同时，IBM还计划提供基于高密度机架集群的云环境。

　　“蓝云”基于IBM Almaden研究中心(Almaden Research Center)的云基础架构，包括Xen和PowerVM虚拟Linux操作系统映像以及Hadoop并行工作负载安排。“蓝云”由IBM Tivoli软件支持，通过管理服务器来确保基于需求的最佳性能。这包括通过能够跨越多服务器实时分配资源的软件，为客户带来一种无缝体验，加速性能并确保在最苛刻的环境下的稳定性。

　　IBM系统与科技事业部开发和制造高级副总裁Rod Adkins表示：“‘蓝云’将帮助我们的客户快速建立一个云计算环境，以便在自己的企业环境中对各种Web 2.0应用进行测试并建立原型。这种方法未来将可以帮助IT管理人员大大降低对需求经常波动的基础架构进行管理的复杂性和成本。”

　　云计算是一种新兴的共享基础架构的方法，它可以将巨大的系统池连接在一起以提供各种IT服务。很多因素推动了对这类环境的需求，其中包括连接设备、实时数据流、SOA的采用以及搜索、开放协作、社会网络和移动商务等这样的Web 2.0应用的急剧增长。 另外，数字元器件性能的提升也使IT环境的规模大幅度提高，从而进一步加强了对一个由统一的云进行管理的需求。

　　IBM开发“蓝云”的目的是帮助客户充分利用云计算包括云应用的能力，通过基于SOA的Web服务，来与他们现有的IT基础架构的集成。“蓝云”将特别关注IT管理简化方面的突破性需求，以保证安全性、隐私性、可靠性、高使用率和高效率。另外，云计算主要是针对现有的以及即将出现的大规模数据密集型工作负载。

　　11月13日，IBM和越南科技部(Vietnamese Ministry of Science and Technology ，简称：MoST)共同宣布了一项将运行在云计算基础架构上的开放创新试点计划。

　　越南科技部副部长Tran Quoc Thang博士表示：“我们与IBM共同创建的越南科技进步创新信息门户(Vietnam Information for Science and Technology Advance Innovation Portal，简称：VIP)将为越南的各类组织和公众提供一个动态的丰富内容资源，以鼓励在国民、团体和政府组织机构中进行创新。VIP将基于IBM的企业Web 2.0创新梦工厂(Innovation Factory)解决方案，通过IBM Almaden研究中心的云基础架构提供给大学和研究机构。”

　　“蓝云”的起源

　　“蓝云”的概念源自IBM通过一个名为技术采纳项目(Technology Adoption Program)的IBM创新门户来支持其软件创新人员而进行的工作。IBM开发人员可以请求被分配的计算资源和软件，在整个项目中同IBM员工一起对其进行测试和试验。

　　IBM高性能随需解决方案团队副总裁Willy Chiu博士表示：“在过去的几个月中，通过为IBM创新人员提供一个动态的基础架构环境，我们在云计算技术领域取得了宝贵的经验。我们的创新人员在向市场推出解决方案的过程中需要整合各种硬件和软件资源，而我们的“蓝云”大大节省了创新人员获得这些资源所需的时间，仅此一点，客户就表现出希望部署类似解决方案的强烈兴趣。”

　　第一个“蓝云”产品将于2008年春季开始供货。有关这一产品的细节将在那时公布。

　　IBM和大规模计算(Massive Scale Computing)

　　“蓝云”代表了IBM在一直领先的计算领域中的下一个重大的进步，因为其根植于IBM数十年来在开发和领导大规模计算方面的丰富经验，其中包括：

　　ü 并行系统综合体(Parallel Sysplex)：IBM System z大型机作为单一系统映像进行管理，并结合了数据共享和并行计算来保证系统集群能够共享工作负载以实现高性能和高可用性。

　　ü IBM的“深蓝”SP集群(Deep Blue SP Cluster)：当前集群技术的上一代产品，IBM富有传奇色彩的深蓝系统由于10年前击败了国际象棋大师卡斯帕罗夫而名声大振。

　　ü “蓝色基因”(Blue Gene)：一种强大的大规模超级计算机网络，它充分利用了开放系统和大量的非常低成本和高能效的组件。下一代蓝色基因Blue Gene/Q预计最终将达到10到30 Pet flops的运算速度，或每秒数千万亿次浮点运算速度。

　　ü 网格计算(Grid Computing)：基于一套开放标准和协议，包括主要的SOA标准。IBM是商业网格计算的早期倡导者和推动者，正在积极实现分布式计算和数据资源如处理、网络带宽和存储能力的虚拟化，以创建一种单一系统映像，允许用户和应用无缝地访问巨大的IT资源。