我們為您努力不懈。

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

Dreamweaver CC (2015.1)

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

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

整合式 Adobe Stock

現在您可以直接在 Dreamweaver 中尋找、授權及管理免版稅的影像和向量圖形。 4500 萬個資產中選擇,將所選擇項目儲存到 Creative Cloud Libraries 中,然後拖曳到您的專案中使用。您也可以直接從 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 檔案批次匯出

Adobe 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,輕鬆存取您的檔案、偏好設定和其他設定。不論何時何地,都可取得處理網頁專案所需的所有項目。
了解它的運作方式

Edge Web Fonts

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

現代化平台支援

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

簡化使用者體驗

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

jQuery UI Widget

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

簡化的 HTML5 音訊和視訊

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

更快速的 HTML5 元素插入作業

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

還有更多功能

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