Adobe Muse CC:超容易上手的入門網頁開發工具

分類: 軟體 測試報導   11/8/2015   編輯部



Muse CC 算是 Adobe CC App 中較為新鮮的產品。一般開發網頁的設計者,可能習慣了用 Dreamweaver 或是 Edge 來切版或是發行,Muse 則是定位給更入門的開發者或是一般完全不懂 HTML/CSS 程式碼的用戶,因此提供了大量的 widget 或是模版資源,讓用戶可快速設計出個人化的網頁來,當然,也能針對平板或手機等行動裝置來開發網頁。

在 CC 2015新版中,Adobe 也為 Muse 加入了許多新的功能,譬如支援 Adobe Typekit 字型、加入部落格與購物車的新 widget、聯絡人表單更新、新的效果面板、圖層面板改良、更新燈箱等等。以下我們也會透過實例來展示 Muse 這些新功能在設計網頁上的強大能力。

要使用 Muse 新的 RSS Blog widget 之前,還是必須先手動安裝這個資源。首先可在這個網址下載資源安裝檔:
http://musewidgets.com/collections/all/products/rss-blog-widget

下載 RSS_Blog.mulib 後,點兩下便可自動安裝在 Muse CC 中:

之後在程式庫的面板中,就可看到 RSS blog 新的項目了:

RSS 就是許多網站提供給外站連結抓取的文章摘要列表,透過這種資料交換方式,可快速的引用其他網站的即時資源。現在利用 Muse 的 RSS blog widget,便可快速的即時呈現外部網站的新聞、文章摘要內容。如同其他的 widget 一樣,只需利用滑鼠把這個 RSS blog 拉入設計頁面中,就會看到預設的內容出現:

從右方的藍色小角形可進入設定框來修改各種版面參數,其中最重要的 feed URL 就是抓取的外部網址,還有條列的文章數目、間距、字型、排序方式等等:

設定之後,便可以立即預覽最新結果:

輸出為 HTML 檔案時,便可直接在瀏覽器上面看到設計的網頁結果了:

另外,Muse CC 2015 也加入對 Typekit 字型的支援,目前共提供了一千兩百多種的字型可供安裝使用,不過並沒有看到中文字型:

燈箱(幻燈片展示)也是 Muse CC 強悍的功能之一,這也是許多用戶最常見的需求:把最近拍攝的照片透過網頁跟家人朋友分享。利用 Muse CC,只需幾分鐘,立即可以架設這樣的相片分享網站:

將燈箱widget 拉入頁面後,唯一要做的就是將要展示的相片選擇起來,其他設定幾乎不需要更改:

預覽頁面時,就會有看到自動生成的換頁按鍵、過場效果:

結論
Adobe Muse CC 可說是個相當容易上手的網頁設計工具,對個人網頁架設、部落格網頁、甚至是商業網頁的雛形開發都相當有用,甚至只需幾分鐘時間,便可快速產生實用的相片展示頁面。不過,相對於更專業的 Dreamweaver,Muse 產生的 HTML 碼較為囉嗦繁瑣,可能不適合一般程式開發人員套版使用,這也不是 Muse 這套軟體的設定用途。


相關文章:

Adobe 生成式AI: Firefly正式登場  [9/13/2023]
Photoshop Firefly 也可自動延展圖片內容了  [7/28/2023]
Adobe Firefly開放支援繁體中文輸入指令  [7/20/2023]
Adoble Firefly 推出生成式重新上色功能(測試版)  [6/15/2023]
Adobe 將生成式AI Firefly 導入 Adobe Express  [6/9/2023]
[「擇法善思林之蘭室藏津」的緣起]
驚人排場!台南仁德北極殿建醮普度 164輛大卡車載1640噸物資
澎湖縣政府桌曆小物發放 千餘本秒殺
19歲孫激動擁抱鹹粥嬤!涉詐中國關1年遣返 感嘆 「還是台灣好」
UBA》職籃球隊看過來!選秀大物張俊生轟43分 率中信贏義守
央行拋匯阻貶!我外匯存底連2個月下滑 失守6000億美元
獨家》宣揚武統被廢止依親居留 中配錢麗已在3日搭機離台
世界盃足球》分組抽籤結果出爐!開幕戰確定墨西哥對南非
古瓦哈蒂羽賽》台電女將董秋彤逆轉印度地主 首闖BWF巡迴賽4強
瑪利亞「清潔高手」全是身心障礙青年 過年訂單排到滿
TPBL》貓科動物大對決登場! 雲豹對陣少了高國豪的攻城獅拚3連勝
助理費除罪化付委 國會助理工會批自肥:籲立即停止修法
《左撇子女孩》入圍評論家選擇獎最佳國際影片!童星葉子綺風光入圍「最佳年輕演員」
蕭美琴宜蘭採金柑 「再加一把勁」力薦林國漳
中和轎車逆向與機車腳踏車對撞釀3傷 男被驗出毒駕搜出「喪屍菸彈」
中職》最佳搭檔林岱安轉隊 獅洋投布雷克祝福:以後可能不是隊友了...
[擇法善思林之蘭室藏津]