原文:零元学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网页的更多相关文章

  1. 零元学Expression Design 4 - Chapter 6 教你如何在5分钟内做出文字立体感效果

    原文:零元学Expression Design 4 - Chapter 6 教你如何在5分钟内做出文字立体感效果 又来一篇五分钟做设计啦~ 本篇将教大家如何运用Design内建工具Blend Path ...

  2. 零元学Expression Design 4 - Chapter 1 入门界面简介

    原文:零元学Expression Design 4 - Chapter 1 入门界面简介 Expression Design 是Expression系列里面的一员,更是Blend跟Web的好帮手 而在 ...

  3. 零元学Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术

    原文:零元学Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术 本章所介绍的是便利且快速的内建工具Clone ? 本章所介绍的是便利且 ...

  4. 零元学Expression Design 4 - Chapter 5 教你如何用自制笔刷在5分钟内做出设计感效果

    原文:零元学Expression Design 4 - Chapter 5 教你如何用自制笔刷在5分钟内做出设计感效果 本章将教你如何运用笔刷与简单线条,只要5分钟,就能做出设计感效果 ? 本章将教你 ...

  5. 零元学Expression Design 4 - Chapter 4 教你如何自制超炫笔刷

    原文:零元学Expression Design 4 - Chapter 4 教你如何自制超炫笔刷 在Chapter 2 有稍微讲过Design内建笔刷的用法,本章将教大家如何自制独一无二的笔刷,并且重 ...

  6. 零元学Expression Design 4 - Chapter 3 看小光被包围了!!如何活用「Text On Path」设计效果

    原文:零元学Expression Design 4 - Chapter 3 看小光被包围了!!如何活用「Text On Path」设计效果 本章将教大家如何活用「Text On Path」,做出文绕图 ...

  7. 零元学Expression Design 4 - Chapter 2 熟悉Design并且快速设计出Silverlight网页

    原文:零元学Expression Design 4 - Chapter 2 熟悉Design并且快速设计出Silverlight网页 本章将用带大家熟悉Design 4并制作简易的网页版面,也会让你了 ...

  8. 零元学Expression Blend 4 - Chapter 36 来玩捉迷藏吧!!!看看ScrollBar的Disabled与Hidden之差异

    原文:零元学Expression Blend 4 - Chapter 36 来玩捉迷藏吧!!!看看ScrollBar的Disabled与Hidden之差异 本次要针对Disabled以及Hidden作 ...

  9. 零元学Expression Blend 4 - Chapter 11 用实例了解布局容器系列-「Border」

    原文:零元学Expression Blend 4 - Chapter 11 用实例了解布局容器系列-「Border」 将教大家以实做案例认识Blend 4 的布局容器,此章介绍的布局容器是Blend ...

随机推荐

  1. tky项目第②个半月总结

    在上一篇半月总结中,介绍了tky项目的整体架构.项目的进展情况.项目的优势与开发中存在的问题等.今天来聊聊这半个月中,项目中发生的事情. 在这半个月中,项目中有了较大的突破:成功通过了国家评測中心的測 ...

  2. [Angular] @ViewChildren and QueryLists (ngAfterViewInit)

    When you use @ViewChildren, the value can only be accessable inside ngAfterViewInit lifecycle. This ...

  3. NOIP模拟 poke - 贪心

    题目大意: 给一副牌(\(n \le 1000000, a_i \le 1000000\)),问最多能打出多少对对子(x, x)或者顺子(x, x + 1, x + 2). 题目分析: 感觉跟斗地主很 ...

  4. MySQL数据库备份详解

    原文:MySQL数据库备份详解 对于任何数据库来说,备份都是非常重要的 数据库复制不能取代备份的作用 比如我们由于误操作,在主数据库上删除了一些数据,由于主从复制的时间很短,在发现时,从数据库上的数据 ...

  5. 新技能 get —— 五笔打字

    推荐一个图表记忆网站,五笔字根表图五笔字根表五笔输入法下载口诀五笔打字练习_查询: 1. 键盘的认识 键盘的版式就是那样设定的,主要是 26 个拉丁字母,分三排: QWERT(撇区), YUIOP(捺 ...

  6. Ubuntu server使用命令行上板VPNclient

    Ubuntu server使用命令行上板VPNclient VPN,虚拟专用网络,这个技术还是非常有用的.近期笔者參与的项目中就使用上了VPN,大概情况是这种.有两个开发团队,在异地,代码服务器在深圳 ...

  7. Facebook巴特尔与谷歌移动广告 急于打开中国市场

    随着Facebook(62.5, -0.69, -1.09%)即将设立了销售办事处在北京发酵消息.谷歌(556.33, 2.43, 0.44%)似还差点自觉保护国内市场. 6月5日,谷歌在深圳举行了面 ...

  8. SWFTools PDF转换为SWF

    前言 在iText 制作PDF这篇博文中只是简单的介绍了如何制作PDF,为了能让PDF在Web页面中显示,我还需要通过SWFTools工具将PDF文件转换为SWF文件,然后通过SWF文件显示在Web网 ...

  9. 简单IO,将一段字符串存入一个记事本

    using System; using System.IO; using System.Text; namespace 字符串存入记事本 { class Program { static void M ...

  10. PHP数组教程

    定义数组 PHP数组array是一组有序的变量,其中每个变量被叫做一个元素. 一.定义数组 可以用 array() 语言结构来新建一个数组.它接受一定数量用逗号分隔的 key => value ...