網頁設計軟體－Microsoft Expression Web

Expression Web是微軟推出的全新網頁設計工具，可以協助設計人員製作標準化的網頁，使得網站能在不同的瀏覽器上保持一致的呈現結果。此外，Expression Web也提供與ASP.NET整合能力，對於採用ASP.NET開發網站的企業，結合網站前、後端，設計上將更為平順。

引進Visual Studio操作概念，提升設計效率
平心而論，微軟過去的網頁設計工具FrontPage有著與Office家族相似的操作介面，因而上手容易，適合網頁設計的初學者使用。然而一旦跨入專業領域，FrontPage通常不會是優先的選擇，除了版面控制不夠精準之外，在產生網頁原始碼時會擅自加入語法，造成過於肥大、難以閱讀的程式碼，更是遭人詬病。不過這些缺點在Expression Web上已經看不到了。

操作介面風格近似Visual Studio，支援所見即所得，操作直覺，並提供IntelliSense、自動偵錯等多種工具。

一開啟Expression Web時，會讓人有進入Visual Studio的錯覺，工作區的操作介面極為相似，左右兩邊都有輔助設計的工作窗格，可以讓使用者開啟網頁檔案或是從工具箱中拖拉網頁元件。中間設計區域上方則採用標籤（tab）的方式可以切換不同的頁面，下方有設計、分割與程式碼三種模式可供切換。

利用分割模式，能比對所見即所得的設計結果與原始碼，我們發現Expression Web的程式碼相當乾淨、簡潔，沒有過去FrontPage的惡習。另外它也提供了不少方便的工具，讓使用者在設計網頁時更為方便，例如IntelliSense可以在設計人員鍵入原始碼時，自動跳出待選的語法，減少輸入錯誤的機率，而且這些待選字還會依選用的網頁類型、CSS版本自動調整，防止語法正確，但因版本不同而不支援的情形發生。萬一產生語法上的錯誤時，偵錯機制會在下方狀態顯示錯誤，點選之後可自動跳至出錯的區域。

從CSS設計角度出發，架構網站視覺表現
現今的網頁設計強調內容與樣式分離，因此CSS（階層樣式表）大量應用在網站中，一旦網頁的樣子需要調整時，即可「牽一髮而動全身」，使全部引用CSS的頁面一次更新，維護上相當便利。

Expression Web在CSS設計上用力頗深。在「套用樣式」的工作窗格中，它可以讓使用者從頭開始設計新樣式，或者選用附加原先就已經存在的樣式表。使用者如果是選用新樣式，不論是使用「class」或「id」的方式，或是直接修改HTML元素，均可在對話視窗中設定選取器，再用點選方式設定，並可即時預覽結果。

修改後的CSS，可以直接在工作窗格中看到樣式名稱與套用後的樣式，而且也會自動在原始碼的

區域產生樣式表內容。如需指定特定CSS樣式，也可在CSS屬性工作窗格中直接設定。

另外，CSS的邊界、邊框往往是設計時相當頭痛的問題，這些區域的顯示，在所見即所得的工具中經常是隱而不見的，而Expression Web能在拖拉網頁元素時，利用彩色網底顯示，能協助版面配置得更為精確。

這些CSS的設計，不但方便設計人員規畫出集中、方便維護的樣式型態，在程式碼的部分也能維持乾淨簡潔的語法。

與ASP.NET整合，前後端作業一致化
由於Expression Web支援ASP.NET 2.0，使用者能夠開發具有動態效果的Web應用程式。就像在Visual Studio一樣，Expression Web工具箱中就有各種ASP.NET的控制項，只要利用拖拉的方式，就能使用如Calendar、TreeView等元件。另外開發人員也可以使用「程式碼片段」的功能，可以反覆使用一些經常使用的程式碼。

與資料連結的功能方面，使用者也可以將XML資料拖曳至網頁，即可建立「資料檢視」，以即時呈現XML資料，進而篩選、排序。開發人員也可以將資料控制項（如GridView、Repeater或FormView等）置入網頁，再透過精靈的方式與各種資料庫連結。這些功能可以讓開發人員與視覺開發人員使用同一種工具，即可完成網站開發工具。文⊙黃天賜

Microsoft Expression Web
Microsoft www.microsoft.com (02)3725-3888 建議售價：10,990元
作業系統	Windows XP SP2、Windows Server 2003 SP1
處理器需求	Pentium 700 MHz
記憶體／硬碟空間需求	512MB／1.5GB