網頁設計軟體-Microsoft Expression Web | 網頁設計軟體frontpage
ExpressionWeb是微軟推出的全新網頁設計工具,可以協助設計人員製作標準化的網頁,使得網站能在不同的瀏覽器上保持一致的呈現結果。此外,ExpressionWeb也提供與ASP.NET整合能力,對於採用ASP.NET開發網站的企業,結合網站前、後端,設計上將更為平順。引進VisualStudio操作概念,提升設計效率平心而論,微軟過去的網頁設計工具FrontPage有著與Office家族相似的操作介面,因而上手容易,適合網頁設計的初學者使用。然而一旦跨入專業領域,FrontPage通常不會是優先的選擇,除了版面控制不夠精準之外,在產生網頁原始碼時會擅自加入語法...
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設計上用力頗深。在「套用樣式」的工作窗格中,...