使用功能強大的 HTML 及免編寫程式碼的網頁設計軟體，建構更出色的網站和應用程式。
網頁和應用程式需要乾淨俐落、精美且實用的設計，才能吸引來去匆匆的用戶目光。利用功能強大且直覺的網頁設計軟體及應用程式製作工具，加快從構想形成到作品發表的速度。頂尖的共同作業和即時預覽工具可縮短審核週期，而產生資產功能將使交付更輕鬆。跨越技術層面的障礙，專注於創作。
從多方互動網站到精美的應用程式設計，Adobe Creative Cloud 提供您所需的一切。
全面掌控所有細節的網頁設計軟體。
利用進階的程式碼編寫工具和即時預覽選項，更快且更精準地建立網站。有效率地從規劃、線框圖進展到網站完成。
Adobe Dreamweaver
設計和開發現代化的互動式網站。
立即試用 ›
完備的網站程式碼編寫與設計。
有效率地編寫 HTML、CSS、JavaScript 等程式碼。利用程式碼編寫快速鍵、多行編輯、錯誤檢查和即時預覽，加快工作速度。
選擇計劃 ›
Dreamweaver 強大的功能使其成為理想的程式碼編寫應用程式。
規劃
規劃網站的功能和元素。選定必要的頁面，並以檔案夾結構整理您的資產。
樣式
使用 CSS 定義網站的樣式元素。建立類別並選擇其各自的字型、樣式、顏色和版面。
建構
利用進階的程式碼編寫工具，建構網站的構成頁面。開發動態元素和指令碼來強化您的內容。
測試、調整和發佈
在不同的螢幕上預覽您的設計，並向共同作業人員徵詢回饋意見。調整您的設計，然後發佈到裝載伺服器，或匯出資產交給另一團隊。
程式碼提示和工具提示
在輸入程式碼時獲得建議，並由工具提示獲悉用法及用途，加快工作進度。自動加入結束標籤，節省鍵盤輸入時間。
程式碼編寫快速鍵
使用縮寫文字和鍵盤快速鍵，自動建立巢狀結構、Lorem Ipsum 文字等內容。透過即時錯誤檢查及提示，加速更正錯誤。
多方互動網頁設計
提高搜尋引擎排名，並維持更加一致的設計。利用互動式設計工具，定義各種螢幕尺寸適用的網頁版面。
利用 Adobe XD 簡化您的設計。
選擇工作畫板
利用常見螢幕尺寸適用的預製工作畫板，以及常見網頁適用的範本，節省您的時間。
定義樣式
挑選色票、字體和圖形元素，讓您的專案具有獨特風格。
設計和連接
設計個別頁面，然後拖曳不同元素間的箭頭，在功能上連接各個頁面。
共同作業、預覽和匯出
進行共同作業，分享專案的即時預覽以獲得回饋意見。即時做出變更，並將完成的設計和資產匯出給開發團隊。
JPEG 匯出
將您的資產和工作畫板匯出為 JPEG 格式。透過調整品質設定，您可以建立較小的檔案，更方便分享。
連結區提示
突顯設計稿件中的互動式元素，引導測試人員完成整個原型測試。理出對重要區域的回饋意見重點。
原型影片
快速製作原型的實際運作影片。透過易懂的影片展示來分享用戶體驗。
比較網頁設計軟體與工具。
不同的應用程式適用於不同的目標。為您的專案尋找最佳應用程式。
Dreamweaver |
XD |
|
|
直覺化的設計 |
• |
|
|
完整的網站建立 |
• |
|
|
手動編寫程式碼 |
• |
|
|
網頁版面 |
• |
|
|
自動編寫程式碼 |
• |
|
|
線框圖匯出 |
• |
|
|
多方互動網頁設計 |
• |
|
|
上傳至網頁主機 |
• |
進一步了解如何使用 Creative Cloud 工具進行網頁設計。
Creative Cloud 包含功能強大的設計與影像編輯應用程式，是您建立網頁和應用程式的理想工具組。透過初學者及專家教學課程來探索您可以做的所有事情。
對您的應用程式或網站進行版面配置和設計。
進行低精確度的設計以定義網站或應用程式的結構，然後再潤飾為高精確度的原型。
在您的手機上創作自然的影片.
建立能夠隨著螢幕尺寸變更而正確調整格式的單一網頁。了解如何建立中斷點以配合不同的螢幕，並定義各元素調整大小的方式。
利用 UI 套件更快速製作原型。
下載並使用 UI 套件，更快開始著手設計用戶體驗。調整並納入可重複使用的元素，充實您的原型。
使用適用於 Windows、macOS、Android 和 iOS 的網頁設計軟體，建構出色的網站。
Creative Cloud 提供的應用程式將使您的網站脫穎而出、與眾不同。從照片編輯、平面設計、圖形化網頁設計到程式碼編寫，全套整合的工具組將涵蓋您所需的一切。利用全方位的創意解決方案，加快共用、共同作業及交付速度。我們提供吸引人的個人及企業會籍選項，以及適用於學生和教職員的折扣，讓所有人都能找到適合的計劃。尋找最適合您使用的計劃。
