新功能摘要

有可用的 Dreamweaver CC 更新

如需詳細資訊,請參閱新功能摘要

檢色器

現在您可以在使用 Dreamweaver 的 CSS 設計工具、資源面板和偏好設定等功能時,使用檢色器選取範圍寬廣的顏色。

檢色器

A. 選取的顏色 B. 原始顏色 C. 色票 D. 新增色票 E. 不透明度滑桿 F. 亮度滑桿 G. 顏色滑桿 H. 滴管工具 I. 色彩模式 J. 選色表 

Dreamweaver 中的新檢色器可讓您:

  • 從不同的色彩模式 (RGBa、Hexadecimal 或 HSLa) 選擇顏色。視需要調整顏色的亮度 (F) 和不透明度 (E)。然後將不同的顏色組合儲存為色票。
    • 若要將新顏色重設回原始顏色,請按一下原始顏色 (B)。
    • 若要變更色票的順序,請將色票拖曳到必要的位置。
    • 若要刪除色票,請將色票拖曳出面板。
  • 使用滴管工具 (H) 從電腦上任何位置取樣顏色。若要從 Dreamweaver 以外的應用程式選擇顏色,請按住滑鼠按鈕,將滑鼠拖到所需顏色上方,然後釋放滑鼠按鈕。
若要關閉檢色器,請按 Esc。

雲端同步增強功能

鍵盤快速鍵和工作區同步處理

您現在可以使用雲端 (和在相同作業系統上執行 Dreamweaver CC 的其他電腦),同步處理鍵盤快速鍵和自訂的工作區。

鍵盤快速鍵和工作區是預設為進行同步處理。您可以取消選取「偏好設定」對話框中的選項,選擇不要進行同步處理。

偏好設定對話框

偏好設定對話框增強功能

「偏好設定」對話框中的「確定」按鈕以「套用」按鈕取代,可讓您修改多種類別的設定,並套用變更,再關閉對話框。

偏好設定對話框增強功能

CSS 設計工具增強功能

即時反白標示

在 Dreamweaver 13.1 之前版本編輯 CSS 選取器的屬性時,無法識別在頁面上會受到變更影響的元素。

現在,使用即時反白標示,您可以輕鬆識別頁面上與 CSS 選取器相關聯的元素。然後您可以選擇繼續編輯屬性,或者只要變更特定元素的屬性,為該元素建立新的 CSS 選取器,然後編輯其屬性。 

如需詳細資訊,請參閱「識別與 CSS 選取器相關聯的頁面元素」。

快顯儲存與還原

現在 Dreamweaver 中實作快顯儲存與還原,以保留所有「編輯/新增/刪除」工作流程中 CSS 設計工具面板的原始內容。

以前,在已計算選取器清單的選取器中「編輯/新增」屬性時,屬性窗格一直是切換到已計算屬性清單。或者編輯/刪除邊界值一直是將邊界屬性區塊向下移。

快顯儲存與還原處理這些問題。

您可以在下列情境中看到「快顯儲存與還原」的實際運作:

  • CSS 規則追蹤器 – 按一下選取器窗格中的任何選取器。IP 已在 CSS 程式碼中更新。
  • 刪除文字/邊框或其他任何類別中的屬性。屬性窗格不會失去背景內容。
  • 屬性窗格中的捲軸和標籤是跨選取器維持作業 – 若移至一個選取器中的邊框,然後變更至其他選取器,還是會看到屬性窗格顯示邊框類別。

除了這些以外,您也會在已計算選取器清單的選取器之中看到屬性的「編輯/新增」,編輯/刪除邊界值運作情形遠勝從前。

程式碼檢視改進情形

行號反白標示

IP 所在的行號現在會在程式碼檢視、即時程式碼、設計檢視、即時檢視和程式碼檢視窗中反白標示。發生語法錯誤時,行號也會反白標示。

行號反白標示

標籤和屬性反白標示

插入點 (IP) 所在的標籤會反白標示。若 IP 是在開始標籤上,則結束標籤也會反白標示,反之亦然。反白標示用滑鼠點按和鍵盤導覽鍵都能運作。標籤反白標示也能配合即時程式碼和程式碼檢視窗運作。

您可以在「偏好設定」(程式碼色彩標示) 中變更標籤反白標示的顏色。

偏好設定 (程式碼色彩標示)

CSS 選取器的程式碼提示

出現於上層 HTML 檔案的類別和 ID 的程式碼提示現在也可在 CSS、LESS、SASS、SCSS 檔案中看到,隨附內嵌樣式標籤。

Dreamweaver 會提供程式碼提示,在您輸入.# 至相關 CSS 檔案或上層 HTML 檔案的內嵌樣式標籤中時顯示。

偏好設定 (程式碼提示)

移至目前字行開頭或結尾的鍵盤快速鍵

  • 在 Mac 上:Cmd+向左箭頭可移至目前字行的開頭,Cmd+向右箭頭則可移至目前字行的結尾。
  • 在 Win 上:Ctrl+向左箭頭可移至目前字行的開頭,Ctrl+向右箭頭則可移至目前字行的結尾。

鍵盤快速鍵可在「編輯 > 鍵盤快速鍵 > 命令 > 編輯程式碼」區段中自訂。

 

CEF 整合

Dreamweaver 現在與 Chromium Embedded Framework (CEF) 整合,這是以 Google Chromium 專案為基礎的開放原始碼架構。這項整合讓 Dreamweaver 能夠控制資源載入、導覽、快顯選單、列印和其他各項,同時利用 Google Chrome 網頁瀏覽器所提供的相同效能和 HTML5 技術。

如需詳細資訊,請參閱「CEF 整合」。

注意:由於 CEF 整合的緣故,當您在開發延伸功能時使用 <mm:browsercontrol> 的方式需要變更。請參閱此文章以取得詳細資訊。

PHP 5.4 支援

PHP 5.4 的完整支援 (沒有語法錯誤)。

Adobe Extension Manager 的更新

Adobe Extension Manager 7.1 提供的新功能可增強下載延伸功能與維持其最新狀態的體驗。

Adobe Exchange 中的增強功能

  • 在過去,Adobe Exchange 的任何內容都必須使用類似 Adobe Exchange Packager 的公用程式封裝成 ZXP 檔案。現在 Adobe Exchange 和 Extension Manager 已經更新,可允許送出及安裝任何檔案類型。這表示,Adobe Exchange 可以支援更多的 Adobe CC 應用程式,而且明顯地也可支援更多的內容。Adobe Exchange 將會包含選自 Adobe Exchange Classic 和 Photoshop Marketplace 的相容內容。
  • 現在任何人都可以在 Adobe Exchange 製作工具入口網站送出檔案。當您選擇這個選項時,Adobe Exchange 會自動將內容封裝為未簽署的 ZXP,而且 Extension Manager 會將它安裝在用戶的 Downloads 資料夾中,在這裡可以使用與更複雜的動態延伸功能相同的方式將它載入。這項新內容支援適用於任何 Exchange 相容的 CC 桌面應用程式,例如 Photoshop® CC、InDesign® CC、Illustrator® CC、Dreamweaver® CC、InCopy® CC、Prelude® CC 和 Premiere® Pro CC。

直接透過 Adobe Extension Manager 更新延伸功能

透過 Extension Manager 所提供的延伸功能現在可以提供更新連結,指向提供者更新伺服器的更新資訊。Extension Manager 會顯示這個位置可用的更新,並允許用戶起始更新。您可以為 ZXP 封裝提供下載 URL,好讓 Extension Manager 可自動下載及安裝它;您也可以指向一個頁面,此頁面中包含可讓用戶手動下載及安裝更新的指示。

Extension Manager 顯示有更新可用

按一下「更新」按鈕啟動更新

Adobe 標誌

登入您的帳戶