微軟Expression Web3搶先試用報告

作者：楊正祎 2009-07-24 17:13:25

微軟本周放出了最新的Expression Studio 3套件（Expression Studio 包含五個組件，分別是Expression Blend3、SkechFlow、Expression Web3、Expression Design3 和 Expression Encoder3）。作為一個前端程序員，最感興趣的自然是其中的Expression Web3了。

Microsoft Expression Web 3的重大改進(jìn)

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

SuperPreview

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

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

加入網(wǎng)格設(shè)計網(wǎng)頁的思想

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

對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獨(dú)立運(yùn)行

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

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

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

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

不過，如果我們移步到Microsoft Expression Web 3中，從菜單【File】> 【Preview in Browser】 > 【Edit Brower List】彈出的對話框中，我們可以看到Microsoft Expression Web 3其實是對所有瀏覽器都敞開了大門的。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中，新加入了一個功能叫做：Snapshot（快照）功能。其實這個就是DreamWeaver中的“實際視圖”。就是在開發(fā)工具中直接查看頁面在真實瀏覽器中的渲染效果。不過，因為DreamWeaver沒有像SuperPreview這樣牛叉的工具支持，只能查看系統(tǒng)中默認(rèn)瀏覽器的渲染效果。而不能像Expression Web 3 中可以選擇多個不同瀏覽器的渲染視圖。看來SuperPreview果然給Expression Web 3帶來了很多革命性的變革呀。

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

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

引入網(wǎng)格化設(shè)計

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

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

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

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

插入媒體菜單對Silverlight的支持

相比Microsoft Expression Web 2，Microsoft Expression Web 3在插入媒體菜單中不僅包含了插入“Sliverlight”選項，還多了一個插入“Sliverlight Video”選項。看來微軟非常重視Sliverlight對現(xiàn)在視頻網(wǎng)站市場的進(jìn)軍。除此之外，還加入了加入“Deep Zoom”的選項。

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

與ASP.Net的融合 asp.net控件箱