﻿# 影片：Microsoft Expression Web 3 SuperPreview 使用教學

Microsoft Expression Web 3 SuperPreview 是個非常簡單易用的網頁版型比較軟體，可讓網頁設計人員在網頁設計完成後得以透過 SuperPreview 比對 IE6, IE7, IE8, Firefox 等瀏覽器的顯示差異，是個非常強大且實用的工具，這次我利用錄影的方式讓大家能更清楚的能發現 SuperPreview 的強大威力。

這是我第一次用畫面錄影的方式做教學，採用 [Tech Smith](http://www.techsmith.com/) 的 [Camtasia Studio](http://www.techsmith.com/camtasia.asp) 畫面錄影工具錄製，過程還算順利，一共錄了 10 分鐘，但過程吃了不少螺絲，害我花了三個小時做剪接，把一些吃囉絲、口吃、腦筋一片空白的部分刪掉。^\_^

[![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/b4880319b4dc16e15558-video3b29d48a8bec.jpg)](http://www.youtube.com/watch?v=rQ0R55zItbQ)

※ 備註：開始播放後可點選 **HD** 的版本，聲音與畫面會好一點點或可下載原始尺寸的影音檔。

**原始影片下載** ( 若下載的影片無法播放，請安裝 TechSmith Screen Capture Codec )

<iframe style="border-bottom: #dde5e9 1px solid; border-left: #dde5e9 1px solid; padding-bottom: 0px; background-color: #ffffff; margin: 3px; padding-left: 0px; width: 240px; padding-right: 0px; height: 66px; border-top: #dde5e9 1px solid; border-right: #dde5e9 1px solid; padding-top: 0px" marginheight="0" src="http://cid-ce50199d9432ea57.skydrive.live.com/embedrowdetail.aspx/%e5%85%ac%e9%96%8b/Microsoft%20Expression%20Web%203%20SuperPreview%20%e4%bd%bf%e7%94%a8%e6%95%99%e5%ad%b8.wmv" frameborder="0" marginwidth="0" scrolling="no"></iframe>

**錄製心得**

> **一個人自言自語才是最需要克服的心理障礙！**

**2009-07-30 更新：Microsoft Expression Web 3 SuperPreview 使用教學 (完整版)**

這幾天發現漏講了 Toggle Guide Visibility 的功能，因此補充後重新上傳如下：

[![](https://stwillblogassets.blob.core.windows.net/files/images/external/stwillblogassets.blob.core.windows.net/c553bf3197eae89e0636-video703636f5b2d0.jpg)](http://www.youtube.com/watch?v=J4ANgZpx4qk)

※ 備註：開始播放後可點選 **HD** 的版本，聲音與畫面會好一點點或可下載原始尺寸的影音檔。

**原始影片下載** ( 若下載的影片無法播放，請安裝 TechSmith Screen Capture Codec )

<iframe style="border-bottom: #dde5e9 1px solid; border-left: #dde5e9 1px solid; padding-bottom: 0px; background-color: #ffffff; margin: 3px; padding-left: 0px; width: 240px; padding-right: 0px; height: 66px; border-top: #dde5e9 1px solid; border-right: #dde5e9 1px solid; padding-top: 0px" marginheight="0" src="http://cid-ce50199d9432ea57.skydrive.live.com/embedrowdetail.aspx/%e5%85%ac%e9%96%8b/Microsoft%20Expression%20Web%203%20SuperPreview%20%20%e4%bd%bf%e7%94%a8%e6%95%99%e5%ad%b8%7C5%e5%ae%8c%e6%95%b4%e7%89%88%7C6.wmv" frameborder="0" marginwidth="0" scrolling="no"></iframe>

**相關連結**

-   [Expression Web team blog](http://blogs.msdn.com/xweb/)
-   [Microsoft® Expression®](http://www.microsoft.com/expression/)
-   [Expression Web and SuperPreview Forum](https://web.archive.org/web/20130106044728/http://social.expression.microsoft.com:80/forums/en-us/web/threads/)
