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

简介: 原文:零元学Expression Blend 4 - Chapter 19 如何让做好的Blend专案变Silverlight网页 本章将教大家如何把制作好的Blend专案变为可以让任何人在网际网路...
原文: 零元学Expression Blend 4 - Chapter 19 如何让做好的Blend专案变Silverlight网页


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

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

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

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

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

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

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

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

每天都很充实...

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

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

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

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

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

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

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

<进入主题>

01

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

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

02

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

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

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

03

开启资料夹以後,可以看到:ClientBinDefault.htmlfavicon.icoSilverlight.js

(1)ClientBin

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

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

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

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

Xaml如下:

 
   
  
 
   
  
 
   
 

(2)Default.html

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

尽量避免使用Default当档名

(3)favicon.ico

如下图

image

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

(4)Silverlight.js

至於.js是什麽?

请看msdn

04

ClientBinDefault.htmlSilverlight.js上传

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

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

示意图:

本篇的教学就到此。

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

一步一步迈向HIE之路

 

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

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

 

 

目录
相关文章
|
容器
Silverlight & Blend动画设计系列二:旋转动画(RotateTransform)
原文:Silverlight & Blend动画设计系列二:旋转动画(RotateTransform)   Silverlight的基础动画包括偏移、旋转、缩放、倾斜和翻转动画,这些基础动画毫无疑问是在Silverlight中使用得最多的动画效果,其使用也是非常简单的。
1015 0
|
容器 数据可视化 内存技术
Silverlight & Blend动画设计系列一:偏移动画(TranslateTransform)
原文:Silverlight & Blend动画设计系列一:偏移动画(TranslateTransform)   用户界面组件、图像元素和多媒体功能可以让我们的界面生动活泼,除此之外,Silverlight还具备动画功能,它可以让应用程序“动起来”。
816 0
Silverlight & Blend动画设计系列三:缩放动画(ScaleTransform)
原文:Silverlight & Blend动画设计系列三:缩放动画(ScaleTransform)   在Silverlight的动画框架中,ScaleTransform类提供了在二维空间中的坐标内进行缩放操作,通过ScaleTransform可以在水平或垂直方向的缩放和拉伸对象,以实现一个简单的缩放动画效果,故此我将其称为缩放动画(ScaleTransform)。
940 0
Silverlight & Blend动画设计系列四:倾斜动画(SkewTransform)
原文:Silverlight & Blend动画设计系列四:倾斜动画(SkewTransform)   Silverlight中的倾斜变化动画(SkewTransform)能够实现对象元素的水平、垂直方向的倾斜变化动画效果。
844 0
|
容器
Silverlight & Blend动画设计系列五:故事板(StoryBoards)和动画(Animations)
原文:Silverlight & Blend动画设计系列五:故事板(StoryBoards)和动画(Animations)   正如你所看到的,Blend是一个非常强大的节约时间的设计工具,在Blend下能够设计出很多满意的动画作品,或许他具体是怎么实现的,通过什么方式实现的我们还是一无所知。
944 0
Silverlight & Blend动画设计系列七:模糊效果(BlurEffect)与阴影效果(DropShadowEffect)
原文:Silverlight & Blend动画设计系列七:模糊效果(BlurEffect)与阴影效果(DropShadowEffect)   模糊效果(BlurEffect)与阴影效果(DropShadowEffect)是两个非常实用和常用的两个特效,比如在开发相册中,可以对照片的缩略图添加模糊效果,在放大照片的过程中动态改变照片的大小和模糊的透明度来达到一个放大透明的效果。
1086 0
Silverlight & Blend动画设计系列六:动画技巧(Animation Techniques)之对象与路径转化、波感特效
原文:Silverlight & Blend动画设计系列六:动画技巧(Animation Techniques)之对象与路径转化、波感特效   当我们在进行Silverlight & Blend进行动画设计的过程中,可能需要设计出很多效果不一的图形图像出来作为动画的基本组成元素。
1048 0
|
API
Silverlight & Blend动画设计系列十:Silverlight中的坐标系统(Coordinate System)与向量(Vector)运动
原文:Silverlight & Blend动画设计系列十:Silverlight中的坐标系统(Coordinate System)与向量(Vector)运动   如果我们习惯于数学坐标系,那么对于Silverlight中的坐标系可能会有些不习惯。
1261 0
|
前端开发 容器 JavaScript
零元学Expression Design 4 - Chapter 2 熟悉Design并且快速设计出Silverlight网页
原文:零元学Expression Design 4 - Chapter 2 熟悉Design并且快速设计出Silverlight网页 本章将用带大家熟悉Design 4并制作简易的网页版面,也会让你了解如...
1119 0

热门文章

最新文章

下一篇
无影云桌面