網站製作套裝軟體｜Adobe CS5 Web Premium 提供更完整的Flash工具系列軟體

今年推出的Creative Suite 5（CS5）Web Premium，是Adobe針對網站製作的套裝軟體，可建立網站、應用程式、使用者介面和行動裝置等內容。

CS5 Web Premium，由9套可獨立執行的軟體，以及2套CS5所有版本都包含的軟體所組成，相較於前一版（CS4）整套軟體在成員上稍有變動，最明顯的是新增了Flash Catalyst，並加入Flash Builder（之前名稱為Flex Builder），不過也移除了音訊製作軟體Soundbooth。CS5中的各套軟體，在使用介面上，延續CS4的設計風格，並持續強化各套軟體的協作力。

這套軟體提供Mac與Windows版本，並原生支援32／64位元應用程式，我們這次安裝的版本是Windows中文版本，並安裝於32位元的Windows 7作業系統中。

增強智慧運算與3D功能

先從相當受歡迎的Photoshop影像編輯軟體來看，此版本提供更多智慧修圖的運算技術，對於美工人員來說，效果相當吸引人，而且，這些功能的使用方式並不難。

像是填充功能方面，CS5版提供內容感知的選項，可擷取選取範圍附近的影像，運算後填入選取範圍，比以往手動使用仿製印章工具的方式簡單，不過實際利用此功能時，還是要注意選取周圍的構圖方式；CS5的PhotoShop也加入關節點來自由變形的功能，能將照片裡人物的四肢彎曲、調整，製作動畫時也很方便；而利用PhotoShop選取範圍的調整邊緣功能，可以更容易地針對邊緣細部去背，像是頭髮等景物。

其他新功能也相當特別，像是混合筆刷的色彩混合功能，以及建立接近真實筆觸的功能，而且新的筆刷預覽工具能看出筆刷方向。特別的是，之前已有的3D建模功能，在這一版本能夠更直覺的應用，例如我們可以直接將文字圖層轉成3D物件。綜合來說，這些智慧型演算與3D功能，可以更方便地加速影像編修與設計。

提供設計人員更簡易的編輯環境

在這一版本中，Adobe提供更完整的Flash系列工具，包括Flash Professional CS5、Flash Catalyst CS5與Flex Builder 4。整體說來，Flash方面的強化，讓設計人員與開發人員能夠更有效的進行Flash專案設計。

Flash Catalyst CS5是首次加入Web Premium的成員，而Flash Builder 4是之前Adobe Flex Builder改名而成。

前者的功能上與Flash很類似，最大的特色在於，能將Photoshop與Illustrator的檔案，直接轉換成物件介面，不用撰寫程式碼便能直接將圖檔轉化成互動性Flash內容。設計師也能利用此軟體建立原型，增加與程式開發人員的溝通性。而程式開發人員則利用Flash Builder 4來編輯ActionScript，兩者之間互相搭配後，目的是帶給設計師與程式開發人員有更良好的開發環境，並藉以改善設計與開發人員的協同整合作業流程。不過，這2套軟體仍是英文操作介面。

在Flash Professional CS5中，新的文字圖層編輯器，套用Indesign的排版系統，在Flash編排文字時，能夠更方便且靈活，只要點選文字框右下角的節點，便能增加延伸的文字框，並且能夠調整文字的縮排、間距與邊界；CS5新增的程式碼片段功能，只要開啟此功能面版，以點選的方式便能產生相對應的程式碼，包含動作、時間軸瀏覽、動畫、音訊與視訊內容等類別工作，可減少重複性動作。此外，這版Flash增強ActionScript編輯器的功能，能夠提示預設的Flash類別（Class），以及其他安裝的第3方類別，例如，只要在偏好設定中開啟ActionScript3.0進階設定視窗，指定好路徑後，在動作視窗面板中便能夠發揮提示功能。

這一版其他增強的特色，也讓Flash動畫製作更簡便，例如提供新的物件繪圖筆刷，能夠直接繪製常用的造型；視訊支援更佳，在內建場景內可直接播放和預覽的功能；而骨塊動畫設計中，新增彈起屬性，可以設定每個骨塊彈性的參數。

新版Flash在存檔時，新增了一種檔案儲存格式XFL，這個格式會將資訊記錄成多個XML檔，因此在改變單一元件時，我們能夠直接從資料夾中開啟編輯，增加編輯元件的方便性。

附帶一提的是，新版Flash中，我們在新增Flash文件時，已經多了新增iPhone OS的功能，讓開發者能製作iPhone應用程式給iPhone與iPad使用，不過可惜的是，之前Apple開始禁止使用未核准的API來開發iPhone應用程式，也使Flash CS5的這個功能，目前似乎作用不大。

支援其他PHP架站內容管理系統

在Dreamweaver CS5中，現在已能支援開放原始碼的PHP架站內容管理系統，例如Drupal、Joomla!與WordPress等，讓許多網站製作者可以利用習慣的系統工具，並藉由Dreamweaver來檢視其動態網頁的內容。針對PHP製作的網頁，我們可從網站選單中點選網站特有的程式碼提示，在Dreamweaver預設中，也已支援此3種內容管理系統架構；而自訂PHP函數功能，能幫助程式碼的編寫，提供適當的語法。此外，這版本的「網站定義」的視窗經過重新設計，並更名為「網站設定」。

Dreamweaver CS5也簡化CSS樣式面版的類別選項，以更直覺的方式呈現CSS樣式的屬性。在網頁開發人員停用／啟用CSS樣式時，只要點選屬性面版前停用的符號即可，操作相當直覺，相較於上一版本而言，我們可以更容易地比較屬性更改前後的結果。

而CSS檢查功能也相當實用，在檔案選單的檢查頁面中可開啟瀏覽器相容性功能，並顯示問題報告於結果視窗中，而不需要靠其他第3方軟體來執行檢查的動作。根據預設，Dreamweaver瀏覽器相容性檢查功能，可以驗證的環境包括Firefox 1.5、IE 6.0 和7.0、Opera 8.0和9.0與Safari 2.0。此外，在Live線上服務方面，Adobe BrowserLab能夠以各種不同瀏覽器來檢視網頁內容的相容性。

此外，在Dreamweaver CS5的Extension Manager中，我們可安裝Widget Browser，以視覺化的介面來瀏覽、設定和預覽，其他網頁開發人員所建立的Widget；而目前也相當受注目的HTML5，Adobe也已提供HTML5 Pack擴充套件，使用者可從網路下載。

最後，在CS5 Adobe Web Premium中，我們還可以利用免費提供的擴充功能Adobe SiteCatalyst與Test&Target，來評估線上網站內容的效能。

Flash Professional CS5中，新的文字圖層編輯器讓Flash檔案中的文字呈現更靈活，文字版面控制較為理想且方便。

【註：規格與價格由廠商提供，因時有異動，正確資訊請洽廠商。】