分類
❄網站新玩意 (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 這三個資料元件,還是暫時繼續保留著,等待有更好的元件再行取代。終於收工了!