以前所未有的速度,快速地從 Photoshop 構圖轉為程式碼。

透過新的摘取功能快速摘取 Photoshop 構圖,變成以程式碼為基礎的設計。使用內容相關程式碼提示,輕鬆地在 CSS 中定義字體、色彩和漸層,還能將網頁最佳化的影像拖放至您的設計中 — 完全不需離開 Dreamweaver。 檢視它的運作方式 ›

Dreamweaver 的實際運作

CSS 已簡化。

使用視覺編輯工具,建立簡潔的網路標準程式碼。套用漸層、方塊陰影和邊框等等 CSS 屬性。如果對結果覺得不滿意,現在您可以還原所做的工作。

透過即時檢視功能,讓您設計時立即檢視。

即時檢視您的設計在瀏覽器中的外觀,不需離開 Dreamweaver。例如內容相關選單等的全新編輯功能讓您複製、貼上及移動 HTML 元素,同時保留程式碼,加速開發程序。

檢閱。重新架構。無比快速。

透過樹狀檢視讓您輕鬆查看、導覽及修改頁面的 HTML 結構,此樹狀檢視可讓您按一下並拖曳來選取、編輯和重新排列元素。

深入互動式設計。完全引人投入。非常簡單。

透過 Edge Animate 與 Dreamweaver 整合,將互動式 HTML5 行動和網頁內容融合在一起。

Dreamweaver 和 Creative Cloud

取得所有最新的創意應用程式,加上順暢的分享與協作方式。全都在您的桌面即可進行。 更多資訊 ›
  • 按一下即可更新

    按一下即可更新
    每當新的 Dreamweaver 功能一發佈,您就能立即存取,讓您的應用程式隨時保持最新狀態。
  • 同步設定

    同步設定
    跨多台電腦同步您的偏好設定、鍵盤快速鍵和其他工作區設定。
  • Creative Cloud Extract

    Edge Web Fonts
    在編寫行動及桌面設計的程式碼時,從 PSD 構圖中共用並摘取重要設計資訊以供使用。
  • 內建培訓功能

    內建培訓功能
    在瀏覽器或您的 iPad 中,利用適合各個經驗等級的數百個教學課程,精進您的技能。