adobe dreamweaver cc 2017又称dw cc 2017,这是由adobe推出的一款专业网页设计制作軟件,也是目前最为流行的一款网页设计工具,新版本带来了全新的代码编辑器以及代碼提示、代碼著色等多种功能,兼容32位和64位操作系统。

新功能
全新代碼編輯器
已针对 Dreamweaver 中的代码编辑器提供了若干可增强工作效率的功能,以使您快速且高效地完成编码任务。
代碼提示可帮助新用户了解 HTML、CSS 和其他 Web 标准,自动缩进、代碼著色和可调整大小的字体等视觉辅助功能可帮助减少错误,使您的代码更易阅读。
代碼提示
Dreamweaver 中的代碼提示功能已得到增强,可为所选代码提供更多有用信息。
在 Dreamweaver 的早期版本中,键入一个右尖括号后,只会显示相关代码的下拉列表。
在此版本中,不仅会显示相关代码,还会显示更多有助于您快速掌握 HTML、CSS 和 Dreamweaver 自带的其他 Web 技术的信息。
增强的代碼提示功能
有关详细信息,请参阅代碼提示和代码补全。
代碼顯示增強功能
代碼的整體外觀已得到增強,可讀性更高。您可以看到代碼格式設置、代碼顔色和字體大小調整方面的改進。
代碼格式設置
在编写代码时,Dreamweaver 会实现代码自动缩进,以避免手动缩进错误,同时改善可读性。
代碼著色
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。
您可直接從“代碼”視圖中的狀態欄更改不同文件類型的語法高亮顯示。
字體大小調整
在不離開“代碼”視圖的情況下,使用以下鍵盤快捷鍵調整字體大小:
Ctrl++(Win) 或 Cmd++(Mac) 可增大字体大小
Ctrl+-(Win) 或 Cmd+-(Mac) 可减小字体大小
Ctrl+0(Win) 或 Cmd+0(Mac) 可重置为默认字体大小
有关上述所有更改的详细信息,请参阅 Dreamweaver 中的编码环境。
CSS 预处理器支持
Dreamweaver 目前支持常用的 CSS 预处理器(如 Sass、Less 和 SCSS),提供完整的代碼著色、代碼提示和编译功能,可帮助您节省时间并生成更简洁的代码。
CSS 预处理器支持
有关 Dreamweaver 对 CSS 预处理器的支持的详细信息,请参阅 CSS 预处理器。
在浏覽器中實時預覽
无需手动刷新浏览器,即可在浏览器中快速实时预览代码更改。Dreamweaver 现已与您的浏览器连接,因此无需重新加载页面即可在浏览器中快速显示更改。
在浏覽器中實時預覽更改
有關詳細信息,請參閱實時預覽。
快速編輯相關代碼文件
要快速更改代码,请将光标放在特定代码片段上并使用上下文菜单,或按 Ctrl-E(针对 Windows 系统)或 Cmd-E(针对 Mac 系统)以打开“快速编辑”功能。
Dreamweaver 会显示上下文特定的代码选项和内嵌工具。
有關詳細信息,請參閱快速編輯。
無需打開多個文件或選項卡,即可快速編輯相關代碼
上下文相关 CSS 文档
Dreamweaver 在“代码”视图中针对 CSS 属性提供上下文相关文档。
现在您无需从 Dreamweaver 外部访问网页即可了解或查阅 CSS 属性。要显示 CSS 帮助,请按 Ctrl+K(针对 Windows 系统)或 Cmd+K(针对 Mac 系统)。
Dreamweaver “代码”视图界面中 CSS 的快速文档帮助
有关详细信息,请参阅上下文相关 CSS 文档。
可利用多個光標編寫和編輯代碼
要同時編寫多行代碼,可使用多個光標。
此功能可以大大提高工作效率,因爲您不必多次編寫同一行代碼。
調用多個光標
要在连续多行内添加光标,请按住 Alt 键,然后单击并垂直拖动。
要在不连续的多个行内添加光标,请按住 Ctrl 键,然后单击要放置光标的各个行。
要选中连续多行的文本,请按住 Alt 键并沿对角线方向拖动
要选中不连续的多行文本,请先选中部分文本,然后按住 Ctrl 键(Windows 系统)或 Cmd 键(Mac 系统),再继续选中其余文本。
有關詳細信息,請參閱使用多個光標加快編碼速度。
現代化的用戶界面
Dreamweaver 已经过重新设计,具备更直观的可自定义界面,更易于访问的菜单和面板,以及仅向您显示所需工具的可配置的上下文相关工具栏。
該新界面還提供從淺色到深色的四級對比度,因此更便于閱讀和編輯代碼行。
對菜單、工作區和工具欄的更改
此版本的 Dreamweaver 也对菜单、工具栏和工作区进行了重新设计。继续阅读以详细了解上述更改。
工作區更改
对 Dreamweaver 界面进行了优化,添加了以下默认工作区:
開發人員工作區
此工作區已最小化,默認情況下僅包括開發人員對網站進行編碼時最必不可少的面板,例如“文件”面板和“代碼片段”面板。
標准工作區
此工作区包括您处理代码和设计时所需的所有内容,例如“文件”、“CC 库”,“CSS Designer”、“插入”、“DOM”、“资源”和“代码片段”面板。
注意: 选择某个工作区后,您可以添加或删除面板,以进行自定义。有关自定义工作区的更多信息,请参阅创建自定义工作区。
在此版本的 Dreamweaver 中,您可以使用触发键插入代码片段。
触发键是为代码片段指定的用户友好型文本字符串。例如,对用于创建 mailto 链接的代码片段,您可以键入“mailto”并将其设置为触发键。
指定触发键后,请将光标置于文档中,键入“mailto”,并按 Tab 键。Dreamweaver 随即会将相关代码片段插入到您的文档中。
有關“代碼片段”面板的更多信息,請參閱利用代碼片段重複使用代碼。
“文件”面板更改
對“文件”面板進行了重新設計,使之更簡潔、更易于使用。
簡單地說,“文件”面板將僅顯示您計算機中本地文件的列表。隨著您更多地使用“文件”面板來設置站點、設置到遠程服務器的連接、啓用存回和取出,“文件”面板中將出現更多選項。
有關“文件”面板更改的更多信息,請參閱重新設計的“文件”面板。
“歡迎”屏幕和“首次使用體驗”中的更改
启动 Dreamweaver 或关闭所有 Dreamweaver 文档时会显示新的“开始”工作区。您可以在“开始”工作区方便地访问最近使用过的文件、库和起始页模板。
如果更喜欢之前的对话框,您也可以按 Ctrl/Cmd + O 启动“打开”对话框,或按 Ctrl/Cmd + N 启动“新建文档”对话框。
为帮助您快速适应 Dreamweaver CC 2017 工作区中的更改,我们为您提供了“首次使用体验”。您可以快速完成自定义体验,以找到适合您的工作区和主题选项。
有关详细信息,请参阅 Dreamweaver 工作区。
查找和替換中的實時高亮顯示
全新的無幹擾“查找和替換”工具欄位于窗口頂部,不會阻擋屏幕的任何部分。
总体而言,与 Dreamweaver 的早期版本相比,“查找替换”功能更加便捷且高效。现在,Dreamweaver 在您在“查找”面板中键入搜索字符串时便查找该字符串,并在当前文档中高亮显示该字符串的所有实例。
有關詳細信息,請參閱查找和替換文本。
Creative Cloud 资源改进
您可以对存储在 Creative Cloud 中的所有资源(包括 Creative Cloud 库中的文件,使用 CC 桌面产品创建的资源以及移动项目)进行归档和还原,并可以添加注释和查看版本历史记录。
發生崩潰後自動恢複文件
如果 Dreamweaver 因系统错误、停电或其他问题导致意外关闭,您可以恢复对编辑中的文件所做的所有未保存更改。
有關更多信息,請參閱文檔自動恢複。
dreamweaver cc 2017安装教程
1、小编提供的dreamweaver cc 2017包含32位和64位两个版本,根据系统选择,双击文件开始安装
2、选择安装语言和安装位置,默认安装语言簡體中文,选择安装位置,默认的是C盘,可以点文件夹图标,点击安装
3、dreamweaver cc 2017正在安装中
4、安裝完成後,點擊“立即安裝”
