站长笔记

设计网页，浏览器兼容是一个永恒的话题。以前开发时一直使用IETester、Multiple IE、IECollection等做预览，来调整网页在IE6、IE7、IE8下的效果，但遗憾的是IETester不支持Windows 7系统。还好，微软及时发布了Microsoft Expression Web 3 SuperPreview for Internet Explorer，功能十分强大，全面支持IE6、IE7、IE8下的同时预览，而且完全免费！
微软最新的Expression Studio 3套件包含五个组件，分别是Expression Blend3、SkechFlow、Expression Web3、Expression Design3 和 Expression Encoder3。作为一般的网页设计人员，我们着重推荐其中的Expression Web 3。
什么是Microsoft Expression Web？其实就是过去很怀念的Microsoft Frontpage的脱胎换骨版本，而且就目前而讲已经全面超越了Adobe公司的Dreamweaver 8 和 Golive。其中包含完全免费的Microsoft Expression Web 3 SuperPreview for Internet Explorer，可以做到IE6、IE7、IE8预览，而且是对比效果。

Expression Web 是一套专业的设计工具，可帮助您创建和利用以下各项：

基于标准的网站
基于 CSS 的复杂布局
丰富的 CSS 格式及管理功能
丰富的数据表示法
基于 ASP.NET 2.0 的强大技术
加入网格设计网页的思想
免费提供SuperPreview for Internet Explorer
……
免费下载：http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&displaylang=en

Microsoft Expression Web 3的重大改进

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

SuperPreview

Microsoft Expression Web 3最令人兴奋的功能无疑就是对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可以脱离Microsoft Expression Web 3独立运行

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

默认情况下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这种开放的姿态还是很值得表扬一下的。

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

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的支持

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

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

与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华丽丽的启动界面

内容来源：http://www.cnblogs.com/JustinYoung/archive/2009/07/24/miscrosoft-expression-web3.html