Adobe Dreamweaver CC 2018 Mac版 v18.0.0中文版

Dreamweaver CC 2018 Mac汉化版是是目前比较流行的网页制作软件，简称dw，主要分为网页制作和网站管理两大部分，拥有代码着色、代码显示增强、代码提示、实时预览等多种功能，2018版本采用中文界面，用户再也不用找汉化包了，使用起来更方便，需要的朋友赶快下载更新吧！

Dreamweaver CC 2018 Mac新功能

1、适用于 Windows 的 HiDPI 支持

Dreamweaver 针对 HiDPI 显示器进行了优化，为您提供包含可以正确地缩放和显示字体、图标、对话框和菜单的清晰界面。

2、适用于 Windows 的多显示器支持

在多个显示器上显示 Dreamweaver，从而扩大您的工作区。例如，将某个文档窗口拖出应用程序框，并在第二个显示器中查看它。

软件特色

全新代码编辑器

已针对 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) 可重置为默认字体大小

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 系统)。

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

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

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

现代化的用户界面

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

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

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

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

工作区更改

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

开发人员工作区

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

标准工作区

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

菜单更改

改进了应用程序菜单，删除了不常用的菜单项，并将其他菜单项移到了更显眼的位置。

工具栏更改

工具栏目前在所有视图中均可见，但仅显示您正使用的视图所需的工具。

不过，您可以自定义工具栏，以显示您所需的必备工具组。

状态栏更改

现在，当您在“代码”视图中工作时，状态栏会显示有用的信息。

“代码片段”面板更改

“代码片段”面板不仅外观变得更为简洁，而且经过重新设计后也简化了代码片段的插入过程。

“文件”面板更改

对“文件”面板进行了重新设计，使之更简洁、更易于使用。

简单地说，“文件”面板将仅显示您计算机中本地文件的列表。随着您更多地使用“文件”面板来设置站点、设置到远程服务器的连接、启用存回和取出，“文件”面板中将出现更多选项。

“欢迎”屏幕和“首次使用体验”中的更改

启动 Dreamweaver 或关闭所有 Dreamweaver 文档时会显示新的“开始”工作区。您可以在“开始”工作区方便地访问最近使用过的文件、库和起始页模板。

如果更喜欢之前的对话框，您也可以按 Ctrl/Cmd + O 启动“打开”对话框，或按 Ctrl/Cmd + N 启动“新建文档”对话框。

查找和替换中的实时高亮显示

全新的无干扰“查找和替换”工具栏位于窗口顶部，不会阻挡屏幕的任何部分。

Creative Cloud 资源改进

您可以对存储在 Creative Cloud 中的所有资源(包括 Creative Cloud 库中的文件，使用 CC 桌面产品创建的资源以及移动项目)进行归档和还原，并可以添加注释和查看版本历史记录。

发生崩溃后自动恢复文件

如果 Dreamweaver 因系统错误、停电或其他问题导致意外关闭，您可以恢复对编辑中的文件所做的所有未保存更改。

Dreamweaver CC使用技巧

一、建立站点

建立一个规范整洁的站点文件夹是一个网站以后能够顺利运行的根本，也是开始制作网页的第一步。在建立站点时，我们通常会用到三个文件夹，一个是files，用来存放除首页之外的其它网页文件，另一个是images，用来存放我们网页制作中用到的图片文件。最后一个是others，用来存放视频、音频、文本和动画等网页元素。之所以这样做的原因是一个清晰的站点结构决定了以后这个站点的管理方便与否。另外注意文件夹和文件的命名要以英文命名，这样可以避免页面调用不正确的现象发生。

二、巧妙复制文字

在几个不同的应用程序中间相互复制文字，是我们在实际工作中可能要常做的事情。但是，假如我们从Dreamweaver中复制编辑区中的文字到另外一个应用程序的时候，HTML代码和文字将一起被复制过去了，那么我们该如何才能只把编辑区中的文字复制下来呢?我们知道，通常复制时都用快捷键Ctrl+C来操作，假如我们在复制的时候多按一个C键，那么Dreamweaver将只会复制选中的文字了。

三、巧妙设置字体分辨率

我们在制作网页的时候，经常有这种体会，那就是制作好的网页在本地计算机上浏览时很正常，但在另外一台计算机上浏览时发现原本漂亮的网页变得歪歪扭扭了，这是为什么呢?原来各个计算机的分辨率要使你的主页在不同的分辨率下都能正常显示，在Dreamweaver中得到了较好的解决。在文档窗口的右下角，Dreamweaver显示当前文档被设计成的分辨率大小。单击哪个数字，在弹出式菜单中可以为当前的页面指定显示分辨率，通过修改可以使你的主页更具灵活性。使不同分辨率的显示器都能较好地显示。

四、善用快捷键

为了提高操作的效率，我们可以在Dreamweaver中使用快捷键，例如使用Ctrl+B或Ctrl+I来为文字应用黑体或斜体格式，也可以使用以下一些键盘快捷键来为选中的文本应用HTML格式：Ctrl+0(无格式);Ctrl+T(段落);Ctrl+1(标题1);Ctrl+2(标题2);Ctrl-+3(标题3);Ctrl+4(标题4);Ctrl+5(标题5);Ctrl+6(标题6)。

五、灵活运用样式

熟悉网页设计的人就知道，调用Style的方法很多，我们可以单击鼠标右键选择CustonStyle来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。比如用CustonStyle来调用Style标准，在网页代码中就生成一个〈span〉标签，这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度，所以我们应尽量使用状态栏中的元素列表来调用Style。

六、输入输入连续空格

网页编辑时经常需要输入一些空格，例如在每段的开头，一般都要空两个格，而Dreamweaver与Word等常用办公软件不同，直接按空格键无法达到预期目的，但可以通过下面三个方法来实现空格的输入：1)切换到中文输入状态，把标点状态设置为全角中文，就可以随心所欲地输入任意多个空格了。2)光标定位需要输入空格的位置，转换到代码视图中，在HTML源文档中输入“ ;”，一个“ ;”相当于一个空格，要添加多少个空格，只需要添加相应的多少个“ ;”即可。3)在“插入”栏中选择“文本”选项卡，在插入“字符”里选择空格，这种方法可行，但不好用。

七、善用拖放技巧

我们在使用Dreamweaver编辑网页的时候，经常需要插入一些图象什么的，假设要插入的图象很多，按照常规方法来操作就显得非常麻烦。我们可以利用拖放技巧来很好地解决这个问题。首先我们把Dreamweaver的操作窗口变成活动窗口，以腾出空间来显示Explorer窗口，找到要插入的图象文件后，把它们一一用鼠标拖动到网页的适当部位，Dreamweaver将自动把这些图象的url添加到文件的HTML代码中，当然这里要求被拖动的图象文件必须是gif、jpg等web图象格式的文件。对于已经在网页中的图象也是一样，直接拖过来就可以了。但假如被拖动的图象上有超级链接，就不可以再使用拖动技术了，因为那时拖过来的仅仅是超级链接地址。

八、巧妙设置对象名称

我们在用Dreamweaver来制作非常复杂的效果时，有可能需要经常重复地使用某一个或者多个对象，例如我们经常需要定位某个特定的表格、图象等，假如我们没有给某一个网页中的多个对象取名的话，那么在重复应用这些对象的时候，可能很麻烦或者轻易出错。为了能够方便调用这些对象，我们应该在每创建一个新的对象时，都记得给它取一个有代表性而且比较轻易记忆的名称。在给这些对象命名时，我们可以通过对象的“属性”面板来操作就可以了。

九、为图象链接增加动态效果

有时我们为了要达到一种逼真的效果，希望鼠标移动到某个链接上时能有动感产生。使用Dreamweaver可以很轻易实现这种效果。设计时，我们首先需要预备两幅图象，第一幅是原始图象，第二幅是鼠标移动上去后的图象。接着用鼠标单击第一幅图，在属性面板中的链接栏中填上要链接的文件，然后单击键盘上的F8键，在弹出的Behaviors窗口中单击“+”号，随后选择“swapimage”，在接着出现的窗口中选择第二幅图象，最后单击确定就可以了。

十、灵活使用网页表格

在使用Dreamweaver制作主页的时候往往需要改变表格的高度。然而有时当我们拖动表格的边框，无论怎样拖动，等到放下鼠标，表格却又恢复到原来的样子。出现这种情况的原因在于我们已经为表格提供了一个固定的高度，当我们要改变表格的高度，尤其是压缩表格的时候，表格的高度仍然保持原来的设定值，其直观表象就是无论你怎样拖动表格的边框，表格的高度都不会变化。在这种情况下，我们只需要去除掉表格高度的设定，然后拖动表格的边框就可以了。那么应该如何去除表格的高度设置呢?首先需要选定表格，选定了表格以后，在属性框中点击一下“清除行高”图标(图中加框处的按钮)，表格的高度设定值就被取消了。这时表格的高度会按照表格的内容自动匹配高度。

当然删除表格高度的方法不只上述一种方法，我们也可以选中表格，在表格的属性框中直接删除掉表格的高度值。同样，该方法也适用于改变表格的宽度的情况，只不过，选定了表格以后，删除的不是行的高度，而是列的宽度。这样，就可以轻松进行调整表格的高度了。