Creative_Cloud_mnemonic_RGB_128px

可以更新到 Dreamweaver CC

如需要详细信息,请参阅新增功能概要


拾色器

现在可在使用 CSS Designer、“资源”面板和“首选参数”等 Dreamweaver 功能的同时使用拾色器选择多种颜色。

拾色器
拾色器

A. 所选颜色 B. 原始颜色 C. 色板 D. 添加色板 E. 不透明度滑块 F. 亮度滑块 G. 颜色滑块 H. 取色器工具 I. 颜色模型 J. 选色板 

通过 Dreamweaver 中新增的拾色器,可:

  • 从不同颜色模型(RGBa、十六进制或HSLa)中选择颜色。根据需要调整颜色的亮度 (f) 和不透明度 (e)。然后,将不同颜色组合另存为颜色色板。
    • 要将新颜色重置为原有颜色,请单击原有颜色 (B)。
    • 若要更改色板的顺序,请将色板拖至所需位置。
    • 若要删除色板,请将色板从面板拖出。
  • 使用取色器工具 (H) 从计算机屏幕上的任意位置获得颜色样本。要从 Dreamweaver 以外的应用程序中选择颜色,请按下鼠标按钮,将鼠标拖至所需颜色的上方,然后松开鼠标按钮。
要关闭拾色器,请按 Esc。

云同步增强

快捷键和工作区同步

现在可将快捷键和自定义工作区与云同步(并可与在同一操作系统中运行 Dreamweaver CC 的其它计算机同步)。

默认情况下设置快捷键和工作区进行同步。可通过取消选中“首选参数”对话框中的选项,不同步这些内容。

“首选参数”对话框
“首选参数”对话框

“首选参数”对话框增强

“首选参数”对话框中的“确定”按钮更换为“应用”按钮,以使您可修改多个类别中的设置,并可在关闭对话框之前应用更改。

“首选参数”对话框增强
“首选参数”对话框增强

CSS Designer 增强

实时高亮显示

在 Dreamweaver 13.1 之前,编辑 CSS 选择器的属性时,无法标识页面上将受更改影响的元素。

现在,使用“实时突出显示”,可轻松标识与 CSS 选择器关联的页面元素。然后,可继续编辑属性,如果只想更改某个特定元素的属性,则为该元素新建一个 CSS 选择器,然后编辑其属性。 

有关详细信息,请参阅标识与 CSS 选择器关联的页面元素

上下文保存和还原

Dreamweaver 中现在实现了上下文保存和还原,可在所有编辑/添加/删除工作流中保留“CSS Designer”面板的原有上下文。

早先,在选择器计算列表中的某个选择器中编辑/添加属性时,属性窗格经常切换到属性计算列表。或者,编辑/删除外边距值时经常下移外边距属性块。

“上下文保存和还原”可解决上述问题。

在以下场景中可看到“上下文保存和还原”的实例:

  • CSS 规则跟踪器 - 单击“选择器”窗格中的任何选择器。在 CSS 代码中更新 IP。
  • 删除文本/边框或任何其它类别中的属性。属性窗格将不会丢失上下文。
  • 在选择器间保留属性窗格内的滚动条和选项卡 - 如果在某个选择器中移至边框,然后转至另一个选择器,则仍将看到显示边框类别的属性窗格。

除了这些,您将发现在选择器计算列表中的某个选择器中编辑/添加属性以及编辑/删除外边距值的过程比以往更顺畅。

代码视图改进

行号高亮显示

在代码视图、实时代码、设计视图、实时视图和代码检查器中高亮显示其中存在 IP 的行号。在出现语法错误时,也高亮显示行号。

行号高亮显示
行号高亮显示

单个行号高亮显示
行号高亮显示

标签和属性高亮显示

高亮显示其中存在插入点 (IP) 的标签。如果开始标签中有 IP,则还将高亮显示结束标签,反之亦然。可通过鼠标点击和导航快捷键进行高亮显示。标签高亮显示适用于实时代码和代码检查器。

标签高亮显示
标签高亮显示

可更改“首选参数”中标签高亮显示的颜色(代码着色)。

首选参数(代码着色)
首选参数(代码着色)

CSS 选择器的代码提示

现在可在 CSS、LESS、SASS、SCSS 文件以及内联样式标签中看到父 HTML 文件中存在的类和 ID 的代码提示。

Dreamweaver 当您在相关 CSS 文件中或父 HTML 文件的内联样式标签中键入 .# 时提供代码提示。

代码提示
代码提示

首选参数(代码提示)
首选参数(代码提示)

移至当前行首或行尾的快捷键

  • Mac 中:Cmd+左箭头可移至当前行首,Cmd+右箭头可移至当前行尾。
  • Win 中:Ctrl+左箭头可移至当前行首,Ctrl+右箭头可移至当前行尾。

可在“编辑”>“快捷键”>“命令”>“代码编辑”部分中自定义快捷键。

 

CEF 集成

Dreamweaver 现在与 Chromium Embedded Framework (CEF) 集成,后者是一个基于 Google Chromium 项目的开源框架。通过此集成,Dreamweaver 可控制资源加载、导航、上下文菜单、打印等功能,同时可利用 Google Chrome Web 浏览器中提供的高性能和 HTML5 技术。

有关详细信息,请参阅 CEF 集成

注意:由于 CEF 集成,在开发扩展时使用 <mm:browsercontrol> 的方式需要作出更改。有关详细信息,请参阅本文

支持 PHP 5.4

完全支持 PHP 5.4(没有语法错误)。

更新了 Adobe Extension Manager

Adobe Extension Manager 7.1 提供的新功能可增强下载扩展和使其保持最新的体验。

Adobe Exchange 中的增强

  • 以前,必须使用 Adobe Exchange Packager 等实用程序将 Adobe Exchange 的任何内容打包为 ZXP 文件。Adobe Exchange 和 Extension Manager 已更新,允许提交和安装任意文件类型。这意味着 Adobe Exchange 可支持更多 Adobe CC 应用程序和大大丰富支持的内容。Adobe Exchange 将加入来自 Adobe Exchange Classic 和 Photoshop Marketplace 的精选兼容内容。
  • 现在任何人均可在 Adobe Exchange Producer Portal 上提交文件。选择此选项后,Adobe Exchange 自动将内容打包为未签名的 ZXP,然后 Extension Manager 将其安装到用户的“下载”文件夹中,从中加载其的方式与更复杂的动态扩展相同。对内容的此项新支持适合任何与 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 显示有可用的更新
Extension Manager 显示有可用的更新

单击“更新”按钮以开始更新
单击“更新”按钮以开始更新

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略