雖然微軟官方也提供了What's new in Expression Web 3，但是我還是喜歡通過自己看到的、感受到的說出我的觀點(diǎn)，不喜歡羅嗦的朋友可以直接去微軟的官方主頁去看。

Microsoft Expression Web 3最令人興奮的功能無疑就是對(duì)SuperPreview的整合了。至于什么是SuperPreview，我以前介紹過，有興趣的朋友可以看這篇文章：《微軟網(wǎng)頁開發(fā)調(diào)試?yán)鱏uperPreview（附下載）》。

簡(jiǎn)單說來就是SuperPreview是微軟出品的，類似IETester的用于測(cè)試不同瀏覽器頁面兼容性的工具。而新的Microsoft Expression Web 3將SuperPreview看作重中之重，很好地將其整合在了Microsoft Expression Web 3功能里面。在接下來的截圖中，我們會(huì)重點(diǎn)講解，這個(gè)SuperPreview。

對(duì)頁面的網(wǎng)格化設(shè)計(jì)（也稱柵格化設(shè)計(jì)），不過是這幾年的事情，雖然在國內(nèi)還比較陌生，但是國外的確已經(jīng)較為普遍的在使用這套理論了。而且已經(jīng)有像960Grid這樣的網(wǎng)格頁面框架了。對(duì)網(wǎng)格頁面設(shè)計(jì)理論有興趣的朋友，可以搜索一下關(guān)鍵字“網(wǎng)頁柵格系統(tǒng)”。這次Microsoft Expression Web 3在工具中引入了這個(gè)概念，所以看來微軟也是對(duì)網(wǎng)頁柵格系統(tǒng)有所肯定了。具體的表現(xiàn)，我們會(huì)在下面的截圖中說明。

這幾年微軟對(duì)Silverlight的推廣可謂不遺余力。自然，在Microsoft Expression Web 3中也提供了對(duì)Silverlight的大力支持。

更新了眾多ASP.Net的新控件支持。讓程序員在Microsoft Expression Web 3中如同在VS中一樣自由。

SuperPreview可以脫離Microsoft Expression Web 3獨(dú)立運(yùn)行

在程序菜單欄里面已經(jīng)單獨(dú)有SuperPreview啟動(dòng)項(xiàng)了，你說是不是很屌呀。同時(shí)這也說明SuperPreview是可以脫離Microsoft Expression Web 3獨(dú)立運(yùn)行的哦。

默認(rèn)情況下SuperPreview只對(duì)FireFox打開了大門

雖然，我安裝了Opera、Safri、谷歌瀏覽器、FireFox、IE7等眾多瀏覽器。但是默認(rèn)情況下SuperPreview只曖昧的向FireFox瀏覽器敞開了大門。當(dāng)然，如果安裝了IE8瀏覽器后，就會(huì)有IE6——IE8的選項(xiàng)。雖然微軟向FireFox開放懷抱有點(diǎn)令人不解，不過，想想當(dāng)今的瀏覽器市場(chǎng)占有率來說，也能讓人釋懷。

不過，Microsoft Expression Web 3向所有瀏覽器敞開了大門

不過，如果我們移步到Microsoft Expression Web 3中，從菜單【File】> 【Preview in Browser】 > 【Edit Brower List】 彈出的對(duì)話框中，我們可以看到Microsoft Expression Web 3其實(shí)是對(duì)所有瀏覽器都敞開了大門的。Microsoft Expression Web 3這種開放的姿態(tài)還是很值得表揚(yáng)一下的。

在Microsoft Expression Web 3中直接按Shift + F12 即可將當(dāng)前頁面在SuperPreview中預(yù)覽。

Expression Web 3中的快照視圖

在Microsoft Expression Web 3中，新加入了一個(gè)功能叫做：Snapshot（快照）功能。其實(shí)這個(gè)就是DreamWeaver中的“實(shí)際視圖”。就是在開發(fā)工具中直接查看頁面在真實(shí)瀏覽器中的渲染效果。不過，因?yàn)镈reamWeaver沒有像SuperPreview這樣牛叉的工具支持，只能查看系統(tǒng)中默認(rèn)瀏覽器的渲染效果。而不能像Expression Web 3 中可以選擇多個(gè)不同瀏覽器的渲染視圖?？磥鞸uperPreview果然給Expression Web 3帶來了很多革命性的變革呀。

不同瀏覽器，不同分辨率的快速效果預(yù)覽菜單

SuperPreview不僅提供不同瀏覽器的預(yù)覽，也可以同時(shí)提供在不同分辨率下的預(yù)覽效果（其他就是將窗口調(diào)整為制定大小而已）。

網(wǎng)格化（柵格化）設(shè)計(jì)現(xiàn)在已經(jīng)非常流行，Microsoft Expression Web 3中也加入了一些方便網(wǎng)格化網(wǎng)頁制作的工具。

在設(shè)計(jì)視圖中，可以顯示標(biāo)尺和網(wǎng)格

通過菜單選項(xiàng)，可以將設(shè)計(jì)視圖中的標(biāo)尺和網(wǎng)格，根據(jù)需要顯示與否。

可以自己設(shè)計(jì)網(wǎng)格的相關(guān)信息，以符合你當(dāng)初的設(shè)計(jì)規(guī)格

插入媒體菜單對(duì)Silverlight的支持

相比Microsoft Expression Web 2，Microsoft Expression Web 3在插入媒體菜單中不僅包含了插入“Sliverlight”選項(xiàng)，還多了一個(gè)插入“Sliverlight Video”選項(xiàng)?？磥砦④浄浅Ｖ匾昐liverlight對(duì)現(xiàn)在視頻網(wǎng)站市場(chǎng)的進(jìn)軍。除此之外，還加入了加入“Deep Zoom”的選項(xiàng)。

補(bǔ)課了：什么是DeepZoom。簡(jiǎn)單的說DeepZoom就是根據(jù)圖片的尺寸和縮放比例，動(dòng)態(tài)加載圖片的數(shù)據(jù)的一種技術(shù)，這樣可以避免一次性加載 大尺寸位圖造成的資源浪費(fèi)和網(wǎng)絡(luò)延時(shí)，如果你瀏覽的是小尺寸，就只需加載小尺寸的圖片數(shù)據(jù)，如果你放大了圖片，就會(huì)加載大尺寸圖片的數(shù)據(jù)。

大量的ASP.Net控件出現(xiàn)在控件欄中

在Microsoft Expression Web 3的Toolbox中，出現(xiàn)了大量的ASP.Net的控件。直接的拖動(dòng)在設(shè)計(jì)視圖中即可，讓你有一種在VS中的感覺。同時(shí)也神秘的出現(xiàn)了一個(gè)“Silverlight 控件”的超鏈接

Microsoft Expression Web 3所有工具欄視圖

雖然是很小的工具，但是可以讓你在Microsoft Expression Web 3的設(shè)計(jì)視圖中方便的插入手寫標(biāo)簽

有了這個(gè)可以方便的視圖中找到你篩選后的元素。

Microsoft Expression Web 3華麗麗的安裝界面

Microsoft Expression Web 3華麗麗的啟動(dòng)界面

Microsoft Expression Web 3相關(guān)網(wǎng)頁列表

【編輯推薦】

1. 微軟發(fā)布Silverlight 3正式版 新增50多項(xiàng)功能
2. 微軟Silverlight 3挑戰(zhàn)Adobe AIR
3. RIA大戰(zhàn)在即 微軟Silverlight勝算幾何
4. 圖解Silverlight 3的7個(gè)新功能
5. Flash與Silverlight多領(lǐng)域?qū)崪y(cè)對(duì)比