Dreamweaver CC新增了更加友善直觀的視覺化CSS編輯工具,讓Web開發者更快速地生成簡潔的CSS代碼;創新的jQuery UI Widget、Edge Web Fonts 讓文字更加鮮明、CSS3轉換、jQuery 和 jQuery Mobile 支持以及對HTML5更完善的支持等。
Adobe Dreamweaver CC新功能
Dreamweaver CC 2014 帶來的新功能和其他增強功能:包括網頁元素快速檢查、實時檢查中的新編輯功能、CSS 設計工具增強功能、實時插入、使用身份文件支持 SFTP 連線、還原/重做增強功能、Business Catalyst 和 PhoneGap Build 工作流程的變化、存取 Dreamweaver 擴展功能的變化、同步設置、直接從 Dreamweaver 發送錯誤/功能要求、幫助中心(Help Center)、幫助菜單變化等等。
CSS 設計工具以視覺方式編輯 CSS
流變網格線版面可用于建立多方互動的網絡設計
Edge Web Fonts 整合
Edge Animate 整合
拖曳 jQuery UI Widget
使用簡化的 UI 簡化工作流程
CSS3 支持 (包括轉變)
同步設定
破解說明:
Adobe Dreamweaver CC的破解方式與Adobe Photoshop CC方法類似,但補丁不一樣,這一點大家要注意。且Adobe Dreamweaver CC還是沒有原生支持64位系統。
CSS設計工具增強功能
A、邊框控制項界面增強
標簽控制項可幫助您以簡單而直覺的方式,設置四面邊框屬性。
標簽控制可避免同時看到所有值,以減少混淆的情形。
直覺式方便的圖示,任何新手都能遵照執行。
有兩組圖示,可顯示未設置/已刪除與已停用狀態。
單一步驟“每一側”索引標簽,可一次設置所有邊框屬性。
已計算的列可在檢查時引導您到最適當的索引標簽。
圖示:之前版本的Dreamweaver邊框控制項內容
圖示:Dreamweaver CC 2014 的邊框控制項內容
B、復制粘貼樣式
新的 Dreamweaver CC 2014 版本支持從一個選擇器復制樣式并貼入另一個選擇器中。用戶可以復制所有樣式,也可以僅復制特定樣式類別,如“版面”、“文字”和“邊框”。
以鼠標右鍵按一下選擇器,然后選擇可用選項:
圖示:使用 CSS 設計工具復制樣式
如果選擇器沒有樣式,會停用“復制”和“復制全部樣式”。
無法進行編輯的遠端網站會停用“貼上樣式”,但可以使用“復制”和“復制全部樣式”。
選擇器上已有的部分“貼上樣式”(重疊) 則可正常運作。此時會貼上所有選擇器的聯集。
復制并貼上樣式也可以在各種不同的 CSS 文件連結中運作:包括導入、連結、內嵌樣式。
C、快速編輯文字塊
Dreamweaver CC 2014版本支持快速編輯文字塊,您可以在其中指定屬性的速記代碼,如邊界、間距、邊框和邊框半徑。這項變化是特別為偏好指定代碼的使用者設計,以便使用鼠標/鍵盤來指定屬性。
D、自定義屬性工作流程增強功能
之前,您必須在 CSS 設計工具的“屬性”面板中按一下 +,以新增“Other”(或自定義) 屬性?,F在有一組文字方塊 - 屬性名稱和值 - 在“屬性”清單尾端隨時供您使用。這些文字方塊可讓您直接輸入屬性名稱及其值,而不必先按一下 +。
如果要新增自定義屬性的其他列,請按“索引標簽”。
“other”屬性群組的名稱已變化為“Custom”。
E、鍵盤快捷鍵
Dreamweaver CC 2014新版支持使用鍵盤快捷鍵新增或刪除 CSS 選擇器和屬性,也可以在“屬性”面板中的屬性群組之間瀏覽。
CTRL+Alt+[Shift =] :新增選擇器 (如果控制項位于選擇器區段之中)
Ctrl+Alt+S :新增選擇器 (如果控制項位于應用程序中任何位置)
CTRL+Alt+[Shift =] :新增屬性 (如果控制項位于屬性區段之中)
CTRL+Alt+P :新增屬性 (如果控制項位于應用程序中任何位置)
選取 + 刪除 :刪除選擇器 (如果已選取了選擇器)
CTRL+Alt+(PgUp/PgDn) :位于屬性子面板時,在區段之間跳動
F、較為特定/較不特定選擇器
Dreamweaver CC 2014新版會在加入選擇器時提供最多三條規則提示,用戶可以使用上/下鍵,在“較為特定/較不特定”之間切換。
圖示:較為特定/較不特定選擇器
G、滾動至類別
在之前版本中,當您在 CSS 設計工具的“屬性”面板頂端按一下“背景”或“其他”類別時,這些類別會在面板中變得“可見”,但其實類別并非確實顯示在面板頂端。
現在,Dreamweaver CC 2014新版的“背景”和“其他”類別 (重新命名為“自定義”) 會在用戶按一下時顯示在面板的頂端。