零元学Expression Blend 4 - Chapter 19 如何让做好的Blend专案变Silverlight网页
原文:零元学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
开启资料夹以後,可以看到: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之路
喜欢我文章请推我一下或给我个回应,你的鼓励会给我无限的动力喔!
若是您有其他问题或是特别需要,请在文章回应处留言,我会尽快回覆您
零元学Expression Blend 4 - Chapter 19 如何让做好的Blend专案变Silverlight网页的更多相关文章
- 零元学Expression Design 4 - Chapter 6 教你如何在5分钟内做出文字立体感效果
原文:零元学Expression Design 4 - Chapter 6 教你如何在5分钟内做出文字立体感效果 又来一篇五分钟做设计啦~ 本篇将教大家如何运用Design内建工具Blend Path ...
- 零元学Expression Design 4 - Chapter 1 入门界面简介
原文:零元学Expression Design 4 - Chapter 1 入门界面简介 Expression Design 是Expression系列里面的一员,更是Blend跟Web的好帮手 而在 ...
- 零元学Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术
原文:零元学Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术 本章所介绍的是便利且快速的内建工具Clone ? 本章所介绍的是便利且 ...
- 零元学Expression Design 4 - Chapter 5 教你如何用自制笔刷在5分钟内做出设计感效果
原文:零元学Expression Design 4 - Chapter 5 教你如何用自制笔刷在5分钟内做出设计感效果 本章将教你如何运用笔刷与简单线条,只要5分钟,就能做出设计感效果 ? 本章将教你 ...
- 零元学Expression Design 4 - Chapter 4 教你如何自制超炫笔刷
原文:零元学Expression Design 4 - Chapter 4 教你如何自制超炫笔刷 在Chapter 2 有稍微讲过Design内建笔刷的用法,本章将教大家如何自制独一无二的笔刷,并且重 ...
- 零元学Expression Design 4 - Chapter 3 看小光被包围了!!如何活用「Text On Path」设计效果
原文:零元学Expression Design 4 - Chapter 3 看小光被包围了!!如何活用「Text On Path」设计效果 本章将教大家如何活用「Text On Path」,做出文绕图 ...
- 零元学Expression Design 4 - Chapter 2 熟悉Design并且快速设计出Silverlight网页
原文:零元学Expression Design 4 - Chapter 2 熟悉Design并且快速设计出Silverlight网页 本章将用带大家熟悉Design 4并制作简易的网页版面,也会让你了 ...
- 零元学Expression Blend 4 - Chapter 36 来玩捉迷藏吧!!!看看ScrollBar的Disabled与Hidden之差异
原文:零元学Expression Blend 4 - Chapter 36 来玩捉迷藏吧!!!看看ScrollBar的Disabled与Hidden之差异 本次要针对Disabled以及Hidden作 ...
- 零元学Expression Blend 4 - Chapter 11 用实例了解布局容器系列-「Border」
原文:零元学Expression Blend 4 - Chapter 11 用实例了解布局容器系列-「Border」 将教大家以实做案例认识Blend 4 的布局容器,此章介绍的布局容器是Blend ...
随机推荐
- NSString与int和float的相互转换
NSString *tempA = @"123"; NSString *tempB = @"456"; 1,字符串拼接 NSString *newString ...
- js获取input file路径改变图像地址
版权声明:好歹是我写的或者总结的或者抄的,总待给我个名份吧~ https://blog.csdn.net/sangjinchao/article/details/52250318 html代码 < ...
- 二分图之最小边覆盖(poj3020)
题目:poj3020 题意:给出一个图,让你用最少的1*2的纸片覆盖掉图中的全部*出现过的地方. 基本裸的最小边覆盖. 分析: 最小边覆盖 = 点总数 - 最大匹配 所以就是转化为求最大匹配. 跟前面 ...
- java基础—网络编程———建立聊天的形式
接收器和发射器的简单演示 import java.io.*; import java.net.*; public class SocketDemo { public static void main( ...
- UIPasteboard粘贴板:UITableView复制粘贴功能(二)
这篇咱写写一写在UITableView上实用剪贴板的两种方法: 一:在自定义cell里面使用 其实,在cell的使用跟在label里面的用法基本一样 1.放方法: - (BOOL)canBecomeF ...
- NOIP模拟 乘积 - 状压dp + 分组背包
题目大意: 给出n和k,求从小于等于n的数中取出不超过k个,其乘积是无平方因子数的方案数.无平方因子数:不能被质数的平方整除. 题目分析: 10(枚举\(n\le8\)),40(简单状压\(n\le1 ...
- mybatis在CRUD
一. 一个简短的引论: Mybatis本是apache的一个开源项目ibatis, 2010年这个项目由apache software foundation迁移到了google code, 而且改名为 ...
- PAT 1031-1040 题解
早期部分代码用 Java 实现.由于 PAT 虽然支持各种语言,但只有 C/C++标程来限定时间,许多题目用 Java 读入数据就已经超时,后来转投 C/C++.浏览全部代码:请戳 本文谨代表个人思路 ...
- pushbutton成为可点击的图标(实现全透明,不论点击与否都只显示Icon)(也就是一个万能控件)
需求 需要2个按钮,一个是音乐开关,一个是关闭窗口,此文章关闭pushButton的透明问题(hovered+pressed都不会有背景色和边框的变化) 原理 使窗口完全透明 代码 _pPushBut ...
- 如何只安装dependencies
npm install --production 这样就会跳过devDependencies配置 参考链接 https://docs.npmjs.com/cli/install (如果想安装devDe ...