功能摘要 | Dreamweaver | 2018 版

Dreamweaver 2018 年 3 月版 (18.1) 及 2017 年 10 月版 (18.0)

Dreamweaver 2018 年 3 月版 (18.1 版) 包含對 Bootstrap 4.0.0 版的支援。繼續閱讀以取得此功能的快速簡介。

如需舊版 Dreamweaver 推出之功能的摘要,請參閱「功能摘要 | 舊版」。

Bootstrap 4.0.0 版支援

2018 年 3 月版的新功能

最新版 Dreamweaver 提供 Bootstrap 4.0.0 版支援。透過 Bootstrap 4.0.0 版,當您在 Dreamweaver 中建立多方互動網站時,就可以運用受歡迎的 CSS 架構的所有新功能。 

Dreamweaver 中的 Bootstrap 4.0.0 版可讓您使用如卡片、標誌和表單等組件。此外,您還可以在「片段」面板中,存取「Bootstrap Snippets」下方的新「4.0.0」資料夾。

「插入」面板中的 Bootstrap 4.0.0 組件
「插入」面板中的 Bootstrap 4.0.0 組件

Bootstrap 4.0.0 片段
Bootstrap 4.0.0 片段

根據預設,當您建立網站時,系統會選取 4.0.0 版。但是,您可以使用先前版本建立網站,方法是在「網站設定 > 進階設定 > Bootstrap > Bootstrap 版本」中選取 3.3.7 版。

將 Bootstrap 版本變更為 3.3.7
將 Bootstrap 版本變更為 3.3.7

若要深入了解在 Dreamweaver 中使用 Bootstrap 4.0.0 建立多方互動網站,請參閱「在 Dreamweaver 中使用 Bootstrap 設計多方互動網站」。

Dreamweaver 也提供初學者範本以支援 Bootstrap 4.0.0。若要存取新的初學者範本,請按一下「檔案 > 新增 > 初學者範本 > Bootstrap 範本」。

Dreamweaver 的 HiDPI 顯示器支援 (Windows)

2017 年 10 月版的新功能

Dreamweaver 現在針對 Windows 提供 HiDPI 顯示器支援,而且能夠根據螢幕來感知 DPI。也就是說,此應用程式會根據螢幕的縮放比例設定來自動縮放。

之前,在 4K 顯示器中,Dreamweaver 的 UI 元素無法正確縮放。選單、字型、圖示等項目會呈現像素化,看起來既小又模糊。透過支援 HiDPI,Dreamweaver 可提供更好的用戶體驗。UI 元素看起來更清晰,不會出現任何像素化的情況。此外,您不會再遇到 UI 元素溢位之類的問題。

Dreamweaver 的多部螢幕支援 (Windows)

2017 年 10 月版的新功能

Dreamweaver 現在針對 Windows 提供多部螢幕支援。此應用程式會根據螢幕的解析度來自動縮放。

多部螢幕支援功能提供了許多好處。例如,您可以將某個文件不以索引標籤顯示,然後在另一部螢幕中檢視該文件。如此一來,您就可以輕鬆地開啟並比較某個文件的多個版本,或兩個不同的文件。

您也可以在多部螢幕中檢視及編輯不同類型的 Dreamweaver 文件。例如,您可以在某部螢幕中編輯 HTML 文件,而在另一部螢幕中檢視或編輯 CSS 文件。

Dreamweaver 中的多部螢幕支援功能
Dreamweaver 中的多部螢幕支援功能

增強對 Git 的支援

2017 年 10 月版的增強功能

以下是這個版本針對 Git 支援所導入的增強功能:

測試遠端儲存庫的連線

您現在可以在 Dreamweaver 中測試遠端 Git 儲存庫的連線。只要在「網站設定」對話方塊或「新增遠端」對話方塊中,按一下「測試」。Dreamweaver 就會測試遠端儲存庫的 URL 是否有效。

測試遠端 Git 儲存庫的遠端連線
測試遠端 Git 儲存庫的遠端連線

註解:

系統不會驗證您在新增或連線到遠端儲存庫時所輸入的認證。

儲存認證

Dreamweaver 現在可讓您在複製儲存庫時儲存認證。當您在「網站設定」對話方塊中輸入認證時,就可以儲存認證。之後,每當您執行推送或拉取等遠端 Git 動作時,就不需要再輸入認證。

之前,「儲存認證」選項是在「新增遠端」和「管理遠端」對話方塊中提供。每當您需要更新認證時,就必須移至這些對話方塊,才能重新輸入認證。現在,您可以直接在複製儲存庫時儲存認證。

選取「儲存認證」以儲存您的用戶名稱和密碼
選取「儲存認證」以儲存您的用戶名稱和密碼

在「Git」面板中搜尋檔案

Dreamweaver 可讓您在「Git」面板中搜尋檔案。身為用戶,當您的儲存庫有大量檔案時,可以使用檔案名稱來搜尋檔案。

當您在「搜尋」方塊中輸入檔案名稱之後,系統就會立即顯示包含搜尋片語的所有檔案。您也可以在搜尋結果中查看這些檔案的狀態,協助您追蹤暫存、已修改和未追蹤的檔案。

在「Git」面板中搜尋檔案
在「Git」面板中搜尋檔案

合併衝突的指標

現在,當您在 Git 中合併分支時,如果發生衝突,「Git」面板就會顯示「合併衝突」指標。檔案旁邊的驚嘆號圖示就表示檔案發生衝突。

表示 Git 發生合併衝突的圖示
表示 Git 發生合併衝突的新圖示

若要閱讀有關 Git 支援的詳細說明文章,請參閱「在 Dreamweaver 中使用 Git」。

新的歡迎畫面

2017 年 10 月版的新功能

當您第一次開啟最新版 Dreamweaver 時,將會看到全新的「歡迎」畫面。

Dreamweaver 中全新的歡迎畫面
Dreamweaver 中全新的歡迎畫面

Dreamweaver 中的「歡迎」畫面可讓您快速存取最近使用的檔案及初學者範本。此外,新的畫面還有「作品」索引標籤和「學習」索引標籤。

若要存取您最近開啟的檔案,請按一下「作品」索引標籤。若要存取 Dreamweaver 的學習影片,請按一下「學習」索引標籤,然後按一下所需的影片。

請注意畫面右上角的搜尋圖示。當您輸入搜尋查詢時,應用程式就會顯示符合搜尋查詢的最近使用檔案、Creative Cloud 資產、說明連結以及 Stock 影像。

Adobe 標誌

登入您的帳戶