adobe dreamweaver cc 2017官方版

adobe dreamweaver cc 2017官方版是目前工作中最优秀的一款网页设计软件，简称为dw cc 2017。新版本比以往任何时候更专注、高效和快速，具备全新代码编辑器、更直观的用户界面和多种增强功能。比如对CSS预处理器等新工作流程的支持，可以提供完整的代码着色、代码提示和编译功能，可帮助您节省时间并生成更简洁的代码。又比如代码片段面板不仅外观变得更为简洁，而且经过重新设计后也简化了代码片段的插入过程。新版本强大的功能可以帮助编程人员更轻松、高效的设计网页。

dreamweaver cc 2017新功能介绍

一、全新代码编辑器

已针对 Dreamweaver 中的代码编辑器提供了若干可增强工作效率的功能，以使您快速且高效地完成编码任务。

代码提示可帮助新用户了解 HTML、CSS 和其他 Web 标准，自动缩进、代码着色和可调整大小的字体等视觉辅助功能可帮助减少错误，使您的代码更易阅读。

1、代码提示

Dreamweaver 中的代码提示功能已得到增强，可为所选代码提供更多有用信息。

在 Dreamweaver 的早期版本中，键入一个右尖括号后，只会显示相关代码的下拉列表。

dw cc 2017版本中，不仅会显示相关代码，还会显示更多有助于您快速掌握 HTML、CSS和Dreamweaver 自带的其他 Web 技术的信息。

2、代码显示增强功能

代码的整体外观已得到增强，可读性更高。您可以看到代码格式设置、代码颜色和字体大小调整方面的改进。

3、代码格式设置

在编写代码时，Dreamweaver 会实现代码自动缩进，以避免手动缩进错误，同时改善可读性。

4、代码着色

Dreamweaver 目前支持针对更多文件类型的代码着色。

代码着色支持目前适用于 HTML、JS、CSS、PHP、XML、LESS、Sass、SCSS、SVG、Bash、C、C#、C++、clojure、CoffeeScript、Dart、Diff、EJS、Embedded Ruby、Groovy、Handlebars、Haskell、Haxe、Java、JSON、Lua、Markdown、Markdown (GitHub)、Perl、属性、Python、RDF Turtle、Ruby、Scala、SQL、Stylus、文本、VB、VBScript、XML 和 YAML。

您可直接从“代码”视图中的状态栏更改不同文件类型的语法高亮显示。

5、字体大小调整

在不离开“代码”视图的情况下，使用以下键盘快捷键调整字体大小：

Ctrl++(Win) 或 Cmd++(Mac) 可增大字体大小

Ctrl+-(Win) 或 Cmd+-(Mac) 可减小字体大小

Ctrl+0(Win) 或 Cmd+0(Mac) 可重置为默认字体大小

二、CSS 预处理器支持

Dreamweaver 目前支持常用的 CSS 预处理器（如 Sass、Less 和 SCSS），提供完整的代码着色、代码提示和编译功能，可帮助您节省时间并生成更简洁的代码。

三、在浏览器中实时预览

无需手动刷新浏览器，即可在浏览器中快速实时预览代码更改。Dreamweaver 现已与您的浏览器连接，因此无需重新加载页面即可在浏览器中快速显示更改。

四、快速编辑相关代码文件

要快速更改代码，请将光标放在特定代码片段上并使用上下文菜单，或按 Ctrl-E（针对 Windows 系统）或 Cmd-E（针对 Mac 系统）以打开“快速编辑”功能。

Dreamweaver 会显示上下文特定的代码选项和内嵌工具。

五、上下文相关 CSS 文档

Dreamweaver 在“代码”视图中针对 CSS 属性提供上下文相关文档。

现在您无需从 Dreamweaver 外部访问网页即可了解或查阅 CSS 属性。要显示 CSS 帮助，请按 Ctrl+K（针对 Windows 系统）或 Cmd+K（针对 Mac 系统）。

六、可利用多个光标编写和编辑代码

要同时编写多行代码，可使用多个光标。

此功能可以大大提高工作效率，因为您不必多次编写同一行代码。

要调用多个光标，您可以：

- 要在连续多行内添加光标，请按住 Alt 键，然后单击并垂直拖动。

- 要在不连续的多个行内添加光标，请按住 Ctrl 键，然后单击要放置光标的各个行。

- 要选中连续多行的文本，请按住 Alt 键并沿对角线方向拖动

- 要选中不连续的多行文本，请先选中部分文本，然后按住 Ctrl 键（Windows 系统）或 Cmd 键（Mac 系统），再继续选中其余文本。

七、现代化的用户界面

Dreamweaver 已经过重新设计，具备更直观的可自定义界面，更易于访问的菜单和面板，以及仅向您显示所需工具的可配置的上下文相关工具栏。

该新界面还提供从浅色到深色的四级对比度，因此更便于阅读和编辑代码行。

以下是用户界面重新设计前后的快照。

八、对菜单、工作区和工具栏的更改

此版本的 Dreamweaver 也对菜单、工具栏和工作区进行了重新设计。继续阅读以详细了解上述更改。

工作区更改

对 Dreamweaver 界面进行了优化，添加了以下默认工作区：

开发人员工作区

此工作区已最小化，默认情况下仅包括开发人员对网站进行编码时最必不可少的面板，例如“文件”面板和“代码片段”面板。

标准工作区

此工作区包括您处理代码和设计时所需的所有内容，例如“文件”、“CC 库”，“CSS Designer”、“插入”、“DOM”、“资源”和“代码片段”面板。

快捷键大全

一、文件菜单

保存 Ctrl+S

另存为Ctrl+Shift+S

检查链接 Shift + F8

退出 Ctrl+Q

二、编辑菜单

撤消 Ctrl+Z

重复 Ctrl+Y 或 Ctrl+Shift+Z

剪切 Ctrl+X 或Shift+Del

拷贝 Ctrl+C 或Ctrl+Ins

粘贴 Ctrl+V 或Shift+Ins

清除 Delete

全选Ctrl+A

选择父标签 Ctrl+Shift+<

选择子标签 Ctrl+Shift+>

查找和替换 Ctrl+F

查找下一个 F3

缩进代码 Ctrl+Shift+]

左缩进代码 Ctrl+Shift+[

平衡大括弧 Ctrl+’

启动外部编辑器 Ctrl+E

参数选择 Ctrl+U

软件特色

1、所见即所得的强大功能

没有一个Web编辑软件能像软件一样，具有所见即所得的功能，你可以在"Properties"(属性)窗体中调整参数，即刻在"Documentwindow"窗体中看到它的改变，如果你按下"F12"，会自动生成HTML文件格式，供欲览，以便开发人员进一步调整。

2、方便快速的文本编排

与"Word"相似，具有强大的文本编辑能力，你可以在"Layer"、"Table"、"Frame"或直接在"Document window"窗体中输入文字，通过快捷的右键，选择例如"Font"(字体)类的选项进行编辑，也可以利用"Text"菜单进行更为细致的排版编辑。

3、专业的HTML编辑--Roundtrip HTML

软件与现存的网页有着极好的兼容性，不会更改任何其他编辑器生成的页面。这将大幅度降低由于HTML源代码的变更而给设计者带来的困惑。

4、高质量的HTML生成方式

由软件生成的HTML源代码保持了很好的可读性。代码结构基本上同手工生成的代码相同，这使得设计者可以轻易掌握代码全局并加以修改。