分類
❄網站新玩意 (New Stuffs) 案例分享 軟體平台/工具 雜記

汰換 Adobe Spry 的夢魘

網頁設計軟體 Dreamweaver 一直是許多網站設計人員的最愛,打從 Macromedia 時代就開始使用 Dreamweaver MX 2004 到現在。而於 2015 年它連同 Flash 等網路軟體與技術被 Adobe 併購 ,之後 Adobe 在此軟體上繼續加入 Spry Widget,例如選單(Menu Bar)、標籤面板(Panel)等元件。讓初學者採用拖拉方式,不需要高深的軟體程式設計能力,就能夠輕鬆設計出功能強大又美觀的網頁。

dreamweaver-cc

但於 Adobe 推出 Cloud Creative  (簡稱 Adobe CC) 系列之後,網頁設計師的夢魘就來了。Adobe 宣布 Dreamweaver CC 及後續版本中,Spry Widget 元件將被 jQuery UI Widget 所取代。雖然採用 jQuery 技術是大勢所趨,但它較適合熟悉程式設計的工程師,對於網頁設計初學者就有點辛苦了。公司的三個網站也是經過一年多的時間,才慢慢地將 Adobe Spry 這套元件替換掉。

這個轉換過程最大的兩項爭議是;(A) 突然將 Spry 元件程式庫的連結搬移,導致一些網站無法正常運作,以及(B) 沒有教導原有 Spry 元件使用者,如何轉換至 jQuery UI 元件。一般網站裡使用到的程式庫 (JS Library),如果是知名的元件,一般是連結到雲端硬碟,例如 jQuery/mootool 等即放在 Google 雲端服務上,主要原因是加快網路存取速度。其他的元件才會複製檔案,放在自家的網路伺服器上。還好我們網站是將 Adobe Spry 放在自家伺服器上,躲過一劫還渾然不知。

jquery smartmenus

根據這次的轉換經驗,只有 Spry Widget、Spry Effect 適合以 jQuery 來取代,最費工的部分是替換彈出選單 (Popup Menu),改用 jQuery Smartmenus,真的需要一點程式設計功力與研究摸索。由於 jQuery 對於資料處理方面比較弱些,所以網站的 SpryUtils、SpryData、SpryXML 這三個資料元件,還是暫時繼續保留著,等待有更好的元件再行取代。終於收工了!

分享