零元学Expression Blend 4 - Chapter 19 如何让做好的Blend专案变Silverlight网页

???????????????????

本章将教大家如何把制作好的Blend专案变为可以让任何人在网际网路浏览的Silverlight网页

距离上次发文已经好久了，但是我很感谢还是有很多朋友支持我、鼓励我

甚至E-mail给我或利用部落格的网页内嵌MSN敲我，跟我交流有关Silverlight以及Blend技术与知识

很感恩这些前辈跟同好(鞠躬)

最近真的忙翻了，但是一直念念不忘点部落(制约现象>"<)

所以我就抽空上来发篇文章

回头看看学习Silverlight以及Blend的日子

每天都很充实...

因为晚上还有进修、新工作的进度、有关Silverlight的部份也都得靠自己(跟Google大神)

不过好在身边有伙伴一起学习、讨论，真的很开心

今天写这篇入门教学的原由是因为我想起了我刚学Blend时的趣事：(以下是废话>"<)

开始学Blend的某天，天兵新手我终於做好了一个专案

但是我担心的事情终於发生了!!!(因为我平常就在想这件事情)

我该怎麽把专案变成网页让大家都可以看!!?????<----天兵新手的蠢问题

这篇分享给刚刚开始学Blend的朋友

<进入主题>

01

在建立一个新专案时，有几个选项让我们选择

制作不同属性的专案，需要选择不同的类型我在先前的文章已经有介绍噜~

02

找到专案的资料夹後，於第一层会有最基本的这些项目

请点选开启档名最後有Site四个字母的资料夹，如图：

(如果是WPF的话档名最後是WebSite)

03

开启资料夹以後，可以看到：ClientBin、Default.html、favicon.ico、Silverlight.js

(1)ClientBin：

请注意这个资料夹内的.xap档案大小，超过200K的话，一般使用者在开启网页的时候就会有等待的感觉了

但其实还是要依使用者的网路频宽来决定读取时间(依据统计，一般使用者等待网页容忍时间为7秒钟)

很贴心的微软，常常在我们要放入图片的时候，都会提醒我们-「档案大小超过250K了，是否置入?」

所以我通常在制作专案的时候，都会使用外部连结Image

Xaml如下：

 ??1: <Grid x:Name="LayoutRoot" Background="White">

 ??2: ????????????<Image HorizontalAlignment="Left" VerticalAlignment="Top" Width="400" Source="http://japan.agentable.com/japanicetree/image/view/view_1.jpg" Height="300"/>

 ??3: </Grid>

(2)Default.html：

这是Blend帮我们预设好的.html档名，请注意要改档名喔!

尽量避免使用Default当档名

(3)favicon.ico：

如下图

该怎麽制作Icon，这里我就不做赘述

(4)Silverlight.js：

至於.js是什麽?

请看msdn

04

把ClientBin、Default.html、Silverlight.js上传

(Silverlight.js可放可不放，但我为了保险起见，都会一起放上去)

完成後，就可以让公开的让所有网际网路的使用者使用了!

示意图：

本篇的教学就到此。

(若有任何错误的地方，请各位前辈或同好能不吝指教，小女子都会虚心接受；若是你喜欢我的教学，请给我点鼓励，谢谢。)

一步一步迈向HIE之路

喜欢我文章请推我一下或给我个回应，你的鼓励会给我无限的动力喔!

若是您有其他问题或是特别需要，请在文章回应处留言，我会尽快回覆您