我們為您努力不懈。

有了 Dreamweaver CC,每當新功能一發佈,您就能立即開始使用。還在使用舊版嗎? 查看功能比較 ›

Dreamweaver CC (測試版)

協助我們打造 Dreamweaver 的未來

我們正致力於讓 Dreamweaver 變得更輕巧快速,並且打造更現代化的介面,讓有程式碼撰寫需求的設計人員擁有更直覺的體驗。請透過測試版本協助我們使其更臻完美。
更多資訊 ›

Dreamweaver CC (2015.1)

透過 Creative Cloud Libraries,資產隨時觸手可及

在 Dreamweaver 和其他 Creative Cloud 應用程式所提供的資料庫中,瀏覽及取用顏色、圖像和其他創意資產。您可以連結資產,如此當某個資產變更時,您和您的團隊就可以在所有專案中選擇更新。資料庫可讓您比以往更輕鬆地組織及管理專案。
了解它的運作方式 ›

已整合 Adobe Stock

現在您可以直接在 Dreamweaver 中尋找、授權及管理免版稅的影像和向量圖形。從 4500 萬個資產中選擇,將所選項目儲存到您的 Creative Cloud 資料庫中,然後拖曳到您的專案中使用。您也可以直接從 Adobe Stock 市集授權視訊資產。
了解它的運作方式 ›

最新 Bootstrap 架構的新視覺輔助

輕鬆建立互動式網站,並可調整以配合任何裝置上的任何瀏覽器,這全都要歸功於與 Bootstrap 架構最新版的整合。新視覺輔助可協助您定義不同螢幕大小的中斷點及組織程式碼,全都可在 Dreamweaver 內完成。

使用 Adobe Photoshop 畫板建立互動式網站

從包含多個畫板的 Photoshop 檔案中建立互動式網站,每個畫板都具有不同螢幕大小的設計。直接在 Dreamweaver 內,從共用的 PSD 檔案擷取 CSS、影像、顏色等。
了解它的運作方式 ›

透過程式碼檢視和即時檢視,提高工作生產力

透過將簡單縮寫轉變成複雜 HTML 和 CSS 程式碼的 Emmet 支援,以及 Linting 的即時錯誤檢查,讓撰寫程式碼更有效率。您也可以在即時檢視中編輯內嵌在 PHP 檔案內的 HTML。

還有更多功能

同時也包含:簡單的初學者範本,可協助初學者和學生建立美觀的網站,以及更多功能。
查看完整的版本注意事項 ›

Dreamweaver CC (2015)

尋找完美的相片

在 Adobe Stock 市集為您的網站尋找完美的影像。探索不斷擴充的相片和插圖資料庫,並且直接從 Creative Cloud 下載至您的專案中。

在任何裝置上預覽

同時在多個裝置上測試及檢測網站。直接將簡短的 URL 輸入您行動裝置上的瀏覽器中,以預覽您的網站。
了解它的運作方式 ›

建立互動式網站

使用內建啟動載入整合功能,建立可動態調整以配合多種螢幕大小的網站。重新激發您現有網站的活力、從頭開始、使用範本,或整合啟動載入元件。透過調整 Dreamweaver 中即時檢視的大小,即時預覽您的設計。以視覺方式設定媒體查詢,還有更多功能。
了解它的運作方式 ›

從 PSD 檔案批次匯出

從 Photoshop 文件中,以多種解析度和格式迅速擷取網頁最佳化的影像,以節省時間。
了解它的運作方式 ›

更快速編碼

新的程式碼編輯器主題、Linting 的即時程式碼驗證,以及 Emmet 支援的自動完成功能,讓您在 Dreamweaver 中比以往更快速、更輕鬆地撰寫程式碼。
了解它的運作方式 ›

還有更多功能

同時也包含:全新 DOM 面板可輕鬆瀏覽及編輯 HTML 頁面元素;在程式碼檢視中即時預覽顏色和影像;全新互動式程式碼片段可更快速進行開發;儲存時自動推送動態檔案;還有更多功能。
查看完整的版本注意事項 ›

Dreamweaver CC (2014.1)

摘取

取得內容相關程式碼提示;將最佳化的影像拖放至即時檢視;輕鬆複製 CSS 和文字;還能從 PSD 檔案中取得度量值及顏色、漸層和字體等更多資訊。
了解它的運作方式 ›

即時檢視

內容相關選單和「插入」面板更新、鍵盤快速鍵,以及 HTML 標籤編輯器等新功能,讓編輯及預覽網站比以往更快速。
了解它的運作方式 ›

即時參考線

有了即時參考線,只要透過拖放,您就可以精確移動 HTML 元素及其相關程式碼。

初學者範本

以內建、可自訂的版面,開始建立互動式網站。

64 位元架構

Dreamweaver 已重新設計,能夠充分運用現代化 64 位元硬體和作業系統,因此提高相容性和效能。

Dreamweaver CC (2014)

元素快速檢視

使用全新 DOM 視覺化工具,檢視標記一覽無遺。透過拖放、複製、刪除或多重選擇工作流程,輕鬆地變更內容結構。
了解它的運作方式 ›

即時檢視屬性檢視窗

在即時檢視中選取、變更及檢查任何 HTML 元素的屬性。不必重新整理,便能檢視結果。
了解它的運作方式 ›

即時插入

在即時檢視中,您可以使用插入面板加入 HTML 元素,而且不必切換模式或點選重新整理,就能預覽變更。
了解它的運作方式 ›

CSS 設計工具改良功能

使用直覺式的視覺編輯工具,產生簡潔的標準 CSS 程式碼。快速套用文字、版面配置、色彩及其他 CSS 屬性。主要的可用性增強功能包括新的邊框工具、支援還原、工作流程的重大改良等。
了解它的運作方式 ›

認證式網站管理

使用 SFTP 認證式驗證,可簡化對多部伺服器的存取,讓您安全地管理網站檔案。

支援中心

這項功能將協助您在初次啟動時探索新功能和有效的工作流程。略過和模組化很簡單,因此當您需要時也很容易回頭來探索。
了解它的運作方式 ›

還有更多功能

同時也提供:還原/重做增強功能;存取擴充功能方面的變更;Adobe Business Catalyst 和 PhoneGap Build 工作流程的更新,以及更多功能。
查看完整的版本注意事項 ›

Dreamweaver CC (13.1)

即時反白標示

以視覺化方式呈現即時檢視中 HTML 元素與所套用 CSS 選取器之間的關係。在您與 CSS 設計工具互動時,在即時檢視中即時檢查與反白標示元素。
了解它的運作方式 ›

現代化的即時檢視

即時檢視中全新的演算引擎,顯示網頁內容的效能與 HTML5 支援,與 Google Chrome 相同。現在您可多花一些時間在 Dreamweaver,減少在瀏覽器來回切換測試內容的時間。
了解它的運作方式 ›

改良的 CSS 設計工具

使用直覺式的視覺編輯工具,產生簡潔的 Web 標準程式碼。快速套用漸層和方塊陰影等 CSS 屬性。可用性的增強功能和全新檢色器能夠加速視覺化 CSS 編輯工作流程,進而提高生產力。
了解它的運作方式 ›

改良的同步設定

從任何電腦登入 Creative Cloud 並同步您的偏好設定、網站設定、自訂工作區和鍵盤快速鍵。自訂一次工作流程,即可隨處使用,全都只需透過 Creative Cloud。
了解它的運作方式 ›

現代化平台支援

使用 HTML (HTML5 表單、增強的 JQuery 支援) CSS 和 JavaScript 編寫專案。
了解它的運作方式 ›

增強的程式碼檢視

透過增強的程式碼檢視增加撰寫程式碼的效率,檢視模式還納入反白標示行號與相符標籤的功能。全新 CSS 選取器程式碼提示包含色彩自訂的偏好設定支援。
了解它的運作方式 ›

還有更多功能

同時也提供:CSS 選擇器程式碼提示、PHP 5.4 支援、Adobe Extension Manager 更新、Adobe Exchange 增強功能等。
查看完整的版本注意事項 ›

Dreamweaver CC (13)

CSS 設計工具

此直覺式的視覺編輯工具有助您產生簡潔的 Web 標準程式碼,以及快速套用漸層和方塊陰影等 CSS 屬性。
了解它的運作方式 ›

增強的流變格線版面

以視覺方式建構網頁設計和多方互動版面。更新的流變格線版面介面使用簡易,可輕鬆設計出顯示在桌上型電腦與各種裝置不同螢幕大小的專案。
了解它的運作方式 ›

同步設定

從任何電腦登入 Creative Cloud,輕鬆存取您的檔案、偏好設定和其他設定。不論何時何地,都可取得處理網頁專案所需的所有項目。
了解它的運作方式 ›

Adobe Edge Web Fonts

Adobe Typekit 所提供的 Edge Web Fonts Library 內容包羅萬象,而且隨時都有增補。
了解它的運作方式 ›

現代化平台支援

使用 HTML、CSS 和 JavaScript 編寫專案。使用最新支援的 PHP 5.4,建立動態網頁時更有信心。

簡化用戶體驗

現代化的 Dreamweaver CC 介面更直覺,工作流程更為順暢。應用程式已移除過時的功能,介面更簡單俐落,執行速度更快。
了解它的運作方式 ›

jQuery UI Widget

對 jQuery UI Widget 的完整視覺支援可增強您的開發工作流程。
了解它的運作方式 ›

簡化的 HTML5 音訊和視訊

透過具有娛樂效果的音訊和影片,強化您的桌面及行動專案。HTML5 的音訊和視訊可以輕鬆地新增至您的網站和應用程式。透過簡潔的介面和程式碼提示,插入豐富媒體的程序將變得更快也更有效率。
了解它的運作方式 ›

更快速的 HTML5 元素插入作業

重新整理過的「插入」面板能用來快速新增 HTML5 標籤及常見的頁面元素。該面板安排成實用的類別,用戶可以更快找到各種選項。您可以不費吹灰之力,即在方便的集中式介面內尋找和新增項目。

還有更多功能

取得更多關於這些新功能的詳細資訊。
查看完整的版本注意事項 ›