我們為您努力不懈。

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

Dreamweaver CC (2017)

新的程式碼編輯器

由於全新程式碼撰寫引擎加持,程式碼撰寫起來更快而且彈性也更大。「程式碼提示」協助新用戶學習 HTML、CSS, 及其他 Web 標準,而自動縮排、程式碼色彩標示和可調整大小的字體等視覺輔助則有助於減少錯誤,讓程式碼更容易閱讀。

開發人員工作區

利用專為開發人員設計、可提高效能、避免雜亂的全新工作區,迅速載入和開啟檔案,並加快完成專案。

CSS 預處理器支援

Dreamweaver 現在支援 SASS、Less 和 SCSS 等常見的 CSS 預處理器,並具備完整的程式碼色彩標示及編譯功能,因此您可以節省更多時間並產生更簡潔的程式碼。

即時的瀏覽器預覽

即時看到您的頁面編輯,不需要手動重新整理瀏覽器。

在 HTML 檔案內快速編輯 CSS

新的「快速編輯」提供一種內嵌編輯器可處理 HTML 檔案內的相關 CSS,讓您可以快速變更程式碼。

內容關聯式 CSS 文件

新的「快速查詢文件」直接在「程式碼檢視」中顯示 CSS 屬性的相關 Web 平台文件參考資訊,為您省下不少時間。

將多個游標用於重複性作業

一次撰寫多行程式碼,快速完成像是建立項目清單、更新一連串字串,以及同時進行多項編輯之類的作業。

現代化 UI

根據數千位測試版測試人員提供的意見,Dreamweaver 已重新設計,為您提供更加直覺式且可自訂的介面、更容易存取的選單和面板,以及僅顯示您所需工具的關聯式可設定工具列。

UI 顏色主題

此介面目前提供從淺色到深色的四個對比度等級,因此閱讀和編輯程式碼行變得更輕鬆。

Creative Cloud Assets 改良功能

封存及還原您儲存在 Creative Cloud 中的所有資產,包括 Creative Cloud Libraries 中的資產、使用桌面產品所建立的資產,以及行動專案。

推出 Typekit Marketplace

向業界一些最知名的廠商購買字體,並在您的 Dreamweaver 專案中使用這些字體。Adobe Typekit 運用其字體同步及 Web 技術,隨時在您需要使用字體的地方提供 Marketplace 字體。

還有更多功能

同時也包含:Adobe CreativeSync 整合、「尋找和取代」改良、較佳的 PHP 5.6 程式碼完成、更迅速的啟動、加快的檔案、標籤與檢視間切換、損毀修復等功能。
查看完整的版本注意事項 ›

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 內完成。

使用 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 標籤及常見的頁面元素。該面板安排成實用的類別,用戶可以更快找到各種選項。您可以不費吹灰之力,即在方便的集中式介面內尋找和新增項目。

還有更多功能

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