微软Expression Web3抢先试用报告

开发 后端
微软本周放出了最新的Expression Studio 3套件(Expression Studio 包含五个组件,分别是Expression Blend3、SkechFlow、Expression Web3、Expression Design3 和 Expression Encoder3)。作为一个前端程序员,最感兴趣的自然是其中的Expression Web3了。
Microsoft Expression Web 3的重大改进

虽然微软官方也提供了What's new in Expression Web 3,但是我还是喜欢通过自己看到的、感受到的说出我的观点,不喜欢罗嗦的朋友可以直接去微软的官方主页去看。

SuperPreview

Microsoft Expression Web 3最令人兴奋的功能无疑就是对SuperPreview的整合了。至于什么是SuperPreview,我以前介绍过,有兴趣的朋友可以看这篇文章:《微软网页开发调试利器SuperPreview(附下载)》。

简单说来就是SuperPreview是微软出品的,类似IETester的用于测试不同浏览器页面兼容性的工具。而新的Microsoft Expression Web 3将SuperPreview看作重中之重,很好地将其整合在了Microsoft Expression Web 3功能里面。在接下来的截图中,我们会重点讲解,这个SuperPreview。

加入网格设计网页的思想

对页面的网格化设计(也称栅格化设计),不过是这几年的事情,虽然在国内还比较陌生,但是国外的确已经较为普遍的在使用这套理论了。而且已经有像960Grid这样的网格页面框架了。对网格页面设计理论有兴趣的朋友,可以搜索一下关键字“网页栅格系统”。这次Microsoft Expression Web 3在工具中引入了这个概念,所以看来微软也是对网页栅格系统有所肯定了。具体的表现,我们会在下面的截图中说明。

对Silverlight的大力支持

这几年微软对Silverlight的推广可谓不遗余力。自然,在Microsoft Expression Web 3中也提供了对Silverlight的大力支持。

与ASP.Net的融合

更新了众多ASP.Net的新控件支持。让程序员在Microsoft Expression Web 3中如同在VS中一样自由。

Microsoft Expression Web 3***截图 SuperPreview这个重头戏
SuperPreview
SuperPreview可以脱离Microsoft Expression Web 3独立运行

在程序菜单栏里面已经单独有SuperPreview启动项了,你说是不是很屌呀。同时这也说明SuperPreview是可以脱离Microsoft Expression Web 3独立运行的哦。

SuperPreview只对FireFox打开了大门
默认情况下SuperPreview只对FireFox打开了大门

虽然,我安装了Opera、Safri、谷歌浏览器、FireFox、IE7等众多浏览器。但是默认情况下SuperPreview只暧昧的向FireFox浏览器敞开了大门。当然,如果安装了IE8浏览器后,就会有IE6——IE8的选项。虽然微软向FireFox开放怀抱有点令人不解,不过,想想当今的浏览器市场占有率来说,也能让人释怀。

多浏览配置
不过,Microsoft Expression Web 3向所有浏览器敞开了大门

不过,如果我们移步到Microsoft Expression Web 3中,从菜单【File】> 【Preview in Browser】 > 【Edit Brower List】 弹出的对话框中,我们可以看到Microsoft Expression Web 3其实是对所有浏览器都敞开了大门的。Microsoft Expression Web 3这种开放的姿态还是很值得表扬一下的。

SuperPreview快捷键

在Microsoft Expression Web 3中直接按Shift + F12 即可将当前页面在SuperPreview中预览。

Expression Web 3快照功能
Expression Web 3中的快照视图

在Microsoft Expression Web 3中,新加入了一个功能叫做:Snapshot(快照)功能。其实这个就是DreamWeaver中的“实际视图”。就是在开发工具中直接查看页面在真实浏览器中的渲染效果。不过,因为DreamWeaver没有像SuperPreview这样牛叉的工具支持,只能查看系统中默认浏览器的渲染效果。而不能像Expression Web 3 中可以选择多个不同浏览器的渲染视图。看来SuperPreview果然给Expression Web 3带来了很多革命性的变革呀。

不同浏览器预览选择
不同浏览器,不同分辨率的快速效果预览菜单

SuperPreview不仅提供不同浏览器的预览,也可以同时提供在不同分辨率下的预览效果(其他就是将窗口调整为制定大小而已)。

引入网格化设计

网格化(栅格化)设计现在已经非常流行,Microsoft Expression Web 3中也加入了一些方便网格化网页制作的工具。

标尺和网格
在设计视图中,可以显示标尺和网格

通过菜单选项,可以将设计视图中的标尺和网格,根据需要显示与否。

设置网格信息
可以自己设计网格的相关信息,以符合你当初的设计规格
对Silverlight的大力支持
对Silverlight的支持
插入媒体菜单对Silverlight的支持

相比Microsoft Expression Web 2,Microsoft Expression Web 3在插入媒体菜单中不仅包含了插入“Sliverlight”选项,还多了一个插入“Sliverlight Video”选项。看来微软非常重视Sliverlight对现在视频网站市场的进军。除此之外,还加入了加入“Deep Zoom”的选项。

补课了:什么是DeepZoom。简单的说DeepZoom就是根据图片的尺寸和缩放比例,动态加载图片的数据的一种技术,这样可以避免一次性加载 大尺寸位图造成的资源浪费和网络延时,如果你浏览的是小尺寸,就只需加载小尺寸的图片数据,如果你放大了图片,就会加载大尺寸图片的数据。

与ASP.Net的融合
asp.net控件箱
大量的ASP.Net控件出现在控件栏中

在Microsoft Expression Web 3的Toolbox中,出现了大量的ASP.Net的控件。直接的拖动在设计视图中即可,让你有一种在VS中的感觉。同时也神秘的出现了一个“Silverlight 控件”的超链接

Expression Web 3的其他改进和新功能预览 先来个所有视图栏大全
所有工具栏
Microsoft Expression Web 3所有工具栏视图
快速标签编辑器
快速标签编辑器
虽然是很小的工具,但是可以让你在Microsoft Expression Web 3的设计视图中方便的插入手写标签
Visual Aids和Formatting Marks
筛选视图
有了这个可以方便的视图中找到你筛选后的元素。
Microsoft Expression Web 3的界面
安装界面
Microsoft Expression Web 3华丽丽的安装界面


启动界面
Microsoft Expression Web 3华丽丽的启动界面

Microsoft Expression Web 3相关网页列表

Microsoft Expression Web 3扩展链接列表
Microsoft Expression Web 3 60天免费试用下载
Microsoft Expression 官方网站
《微软 Expression web2 抢先试用报告(附下载地址)》
What's new in Expression Web 3
《微软网页开发调试利器SuperPreview(附下载)》

【编辑推荐】

  1. 微软发布Silverlight 3正式版 新增50多项功能
  2. 微软Silverlight 3挑战Adobe AIR
  3. RIA大战在即 微软Silverlight胜算几何
  4. 图解Silverlight 3的7个新功能
  5. Flash与Silverlight多领域实测对比
责任编辑:彭凡 来源: CNBLOGS
相关推荐

2009-06-24 11:13:26

2009-02-13 09:19:23

试用报告MoonlightSilverlight

2020-10-21 10:01:47

HiSpark Wi-智能家居套件

2009-10-19 20:36:01

手机安全360手机卫士

2021-04-09 21:18:53

DockerSSHWSL 2

2020-11-17 12:15:36

MQTT开发

2022-08-18 15:21:42

区块链DevOps

2022-07-28 21:17:46

福布斯数字化Web3

2021-02-11 09:03:48

Web3技术Web 3.0

2022-07-29 09:48:08

漏洞网络攻击

2023-02-25 16:02:48

2023-08-10 09:21:13

Aptos Labs微软Web3

2015-01-26 09:47:53

Windows 10

2012-06-15 16:57:54

微疯客

2020-11-03 09:53:04

体验官方固件程序

2022-06-16 15:50:08

Confiant黑客Web3

2022-09-05 09:10:19

Web3网络攻击网络安全

2023-08-07 09:10:18

2022-09-05 10:06:38

Web3

2023-02-12 00:14:52

点赞
收藏

51CTO技术栈公众号