Dreamweaver 2018 年 3 月版 (18.1 版) 包含對 Bootstrap 4.0.0 版的支援。繼續閱讀以取得此功能的快速簡介。
如需舊版 Dreamweaver 推出之功能的摘要,請參閱「功能摘要 | 舊版」。
Dreamweaver 2018 年 3 月版 (18.1) 及 2017 年 10 月版 (18.0)
Dreamweaver 2018 年 3 月版 (18.1 版) 包含對 Bootstrap 4.0.0 版的支援。繼續閱讀以取得此功能的快速簡介。
如需舊版 Dreamweaver 推出之功能的摘要,請參閱「功能摘要 | 舊版」。
2018 年 3 月版的新功能
最新版 Dreamweaver 提供 Bootstrap 4.0.0 版支援。透過 Bootstrap 4.0.0 版,當您在 Dreamweaver 中建立多方互動網站時,就可以運用受歡迎的 CSS 架構的所有新功能。
Dreamweaver 中的 Bootstrap 4.0.0 版可讓您使用如卡片、標誌和表單等組件。此外,您還可以在「片段」面板中,存取「Bootstrap Snippets」下方的新「4.0.0」資料夾。
根據預設,當您建立網站時,系統會選取 4.0.0 版。但是,您可以使用先前版本建立網站,方法是在「網站設定 > 進階設定 > Bootstrap > Bootstrap 版本」中選取 3.3.7 版。
若要深入了解在 Dreamweaver 中使用 Bootstrap 4.0.0 建立多方互動網站,請參閱「在 Dreamweaver 中使用 Bootstrap 設計多方互動網站」。
Dreamweaver 也提供初學者範本以支援 Bootstrap 4.0.0。若要存取新的初學者範本,請按一下「檔案 > 新增 > 初學者範本 > Bootstrap 範本」。
2017 年 10 月版的新功能
Dreamweaver 現在針對 Windows 提供 HiDPI 顯示器支援,而且能夠根據螢幕來感知 DPI。也就是說,此應用程式會根據螢幕的縮放比例設定來自動縮放。
之前,在 4K 顯示器中,Dreamweaver 的 UI 元素無法正確縮放。選單、字型、圖示等項目會呈現像素化,看起來既小又模糊。透過支援 HiDPI,Dreamweaver 可提供更好的用戶體驗。UI 元素看起來更清晰,不會出現任何像素化的情況。此外,您不會再遇到 UI 元素溢位之類的問題。
2017 年 10 月版的新功能
Dreamweaver 現在針對 Windows 提供多部螢幕支援。此應用程式會根據螢幕的解析度來自動縮放。
多部螢幕支援功能提供了許多好處。例如,您可以將某個文件不以索引標籤顯示,然後在另一部螢幕中檢視該文件。如此一來,您就可以輕鬆地開啟並比較某個文件的多個版本,或兩個不同的文件。
您也可以在多部螢幕中檢視及編輯不同類型的 Dreamweaver 文件。例如,您可以在某部螢幕中編輯 HTML 文件,而在另一部螢幕中檢視或編輯 CSS 文件。
2017 年 10 月版的增強功能
以下是這個版本針對 Git 支援所導入的增強功能:
您現在可以在 Dreamweaver 中測試遠端 Git 儲存庫的連線。只要在「網站設定」對話方塊或「新增遠端」對話方塊中,按一下「測試」。Dreamweaver 就會測試遠端儲存庫的 URL 是否有效。
系統不會驗證您在新增或連線到遠端儲存庫時所輸入的認證。
Dreamweaver 現在可讓您在複製儲存庫時儲存認證。當您在「網站設定」對話方塊中輸入認證時,就可以儲存認證。之後,每當您執行推送或拉取等遠端 Git 動作時,就不需要再輸入認證。
之前,「儲存認證」選項是在「新增遠端」和「管理遠端」對話方塊中提供。每當您需要更新認證時,就必須移至這些對話方塊,才能重新輸入認證。現在,您可以直接在複製儲存庫時儲存認證。
Dreamweaver 可讓您在「Git」面板中搜尋檔案。身為用戶,當您的儲存庫有大量檔案時,可以使用檔案名稱來搜尋檔案。
當您在「搜尋」方塊中輸入檔案名稱之後,系統就會立即顯示包含搜尋片語的所有檔案。您也可以在搜尋結果中查看這些檔案的狀態,協助您追蹤暫存、已修改和未追蹤的檔案。
現在,當您在 Git 中合併分支時,如果發生衝突,「Git」面板就會顯示「合併衝突」指標。檔案旁邊的驚嘆號圖示就表示檔案發生衝突。
若要閱讀有關 Git 支援的詳細說明文章,請參閱「在 Dreamweaver 中使用 Git」。
2017 年 10 月版的新功能
當您第一次開啟最新版 Dreamweaver 時,將會看到全新的「歡迎」畫面。
Dreamweaver 中的「歡迎」畫面可讓您快速存取最近使用的檔案及初學者範本。此外,新的畫面還有「作品」索引標籤和「學習」索引標籤。
若要存取您最近開啟的檔案,請按一下「作品」索引標籤。若要存取 Dreamweaver 的學習影片,請按一下「學習」索引標籤,然後按一下所需的影片。
請注意畫面右上角的搜尋圖示。當您輸入搜尋查詢時,應用程式就會顯示符合搜尋查詢的最近使用檔案、Creative Cloud 資產、說明連結以及 Stock 影像。
登入您的帳戶