微軟Expression Web3搶先試用報告
雖然微軟官方也提供了What's new in Expression Web 3，但是我還是喜歡通過自己看到的、感受到的說出我的觀點，不喜歡羅嗦的朋友可以直接去微軟的官方主頁去看。
SuperPreviewMicrosoft Expression Web 3最令人興奮的功能無疑就是對SuperPreview的整合了。至于什么是SuperPreview，我以前介紹過，有興趣的朋友可以看這篇文章：《微軟網(wǎng)頁開發(fā)調(diào)試利器SuperPreview（附下載）》。
簡單說來就是SuperPreview是微軟出品的，類似IETester的用于測試不同瀏覽器頁面兼容性的工具。而新的Microsoft Expression Web 3將SuperPreview看作重中之重，很好地將其整合在了Microsoft Expression Web 3功能里面。在接下來的截圖中，我們會重點講解，這個SuperPreview。
加入網(wǎng)格設計網(wǎng)頁的思想對頁面的網(wǎng)格化設計（也稱柵格化設計），不過是這幾年的事情，雖然在國內(nèi)還比較陌生，但是國外的確已經(jīng)較為普遍的在使用這套理論了。而且已經(jīng)有像960Grid這樣的網(wǎng)格頁面框架了。對網(wǎng)格頁面設計理論有興趣的朋友，可以搜索一下關鍵字“網(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獨立運行
在程序菜單欄里面已經(jīng)單獨有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這種開放的姿態(tài)還是很值得表揚一下的。
在Microsoft Expression Web 3中直接按Shift + F12 即可將當前頁面在SuperPreview中預覽。
Expression Web 3中的快照視圖
在Microsoft Expression Web 3中，新加入了一個功能叫做：Snapshot（快照）功能。其實這個就是DreamWeaver中的“實際視圖”。就是在開發(fā)工具中直接查看頁面在真實瀏覽器中的渲染效果。不過，因為DreamWeaver沒有像SuperPreview這樣牛叉的工具支持，只能查看系統(tǒng)中默認瀏覽器的渲染效果。而不能像Expression Web 3 中可以選擇多個不同瀏覽器的渲染視圖?？磥鞸uperPreview果然給Expression Web 3帶來了很多革命性的變革呀。
不同瀏覽器，不同分辨率的快速效果預覽菜單
SuperPreview不僅提供不同瀏覽器的預覽，也可以同時提供在不同分辨率下的預覽效果（其他就是將窗口調(diào)整為制定大小而已）。
引入網(wǎng)格化設計網(wǎng)格化（柵格化）設計現(xiàn)在已經(jīng)非常流行，Microsoft Expression Web 3中也加入了一些方便網(wǎng)格化網(wǎng)頁制作的工具。
在設計視圖中，可以顯示標尺和網(wǎng)格
通過菜單選項，可以將設計視圖中的標尺和網(wǎng)格，根據(jù)需要顯示與否。
可以自己設計網(wǎng)格的相關信息，以符合你當初的設計規(guī)格
插入媒體菜單對Silverlight的支持
相比Microsoft Expression Web 2，Microsoft Expression Web 3在插入媒體菜單中不僅包含了插入“Sliverlight”選項，還多了一個插入“Sliverlight Video”選項?？磥砦④浄浅Ｖ匾昐liverlight對現(xiàn)在視頻網(wǎng)站市場的進軍。除此之外，還加入了加入“Deep Zoom”的選項。
補課了：什么是DeepZoom。簡單的說DeepZoom就是根據(jù)圖片的尺寸和縮放比例，動態(tài)加載圖片的數(shù)據(jù)的一種技術，這樣可以避免一次性加載 大尺寸位圖造成的資源浪費和網(wǎng)絡延時，如果你瀏覽的是小尺寸，就只需加載小尺寸的圖片數(shù)據(jù)，如果你放大了圖片，就會加載大尺寸圖片的數(shù)據(jù)。
與ASP.Net的融合
大量的ASP.Net控件出現(xiàn)在控件欄中
在Microsoft Expression Web 3的Toolbox中，出現(xiàn)了大量的ASP.Net的控件。直接的拖動在設計視圖中即可，讓你有一種在VS中的感覺。同時也神秘的出現(xiàn)了一個“Silverlight 控件”的超鏈接
Expression Web 3的其他改進和新功能預覽 先來個所有視圖欄大全
Microsoft Expression Web 3所有工具欄視圖
雖然是很小的工具，但是可以讓你在Microsoft Expression Web 3的設計視圖中方便的插入手寫標簽
有了這個可以方便的視圖中找到你篩選后的元素。
Microsoft Expression Web 3華麗麗的安裝界面
Microsoft Expression Web 3華麗麗的啟動界面
Microsoft Expression Web 3相關網(wǎng)頁列表
【編輯推薦】
