2018 年 3 月 (18.1) 和 2017 年 10 月 (18.0) 版的 Dreamweaver CC
dreamweaver_facebook_profile

2018 年 3 月版的 Dreamweaver CC(18.1 版)包括对 Bootstrap 4.0.0 的支持。继续阅读此功能的概要介绍。

如需有关在 Dreamweaver CC 的早期版本中所引入功能的概述,请参阅功能概述 | 早期版本。


支持 Bootstrap 4.0.0

2018 年 3 月版中的新增功能

Dreamweaver 中的最新版本提供对 Bootstrap 4.0.0 版的支持。通过 Bootstrap 4.0.0,您可以利用受欢迎 CSS 框架的所有新增功能,同时在 Dreamweaver 中构建响应式站点。 

借助 Dreamweaver 中的 Bootstrap 4.0.0,您能够使用“卡片”、“徽章”和“表单”等组件。此外,您可以访问“代码片段”面板中“Bootstrap 代码片段”下的 4.0.0 文件夹。

“插入”面板中的 Bootstrap 4.0.0 组件
“插入”面板中的 Bootstrap 4.0.0 组件
Bootstrap 4.0.0 代码片段
Bootstrap 4.0.0 代码片段

在您创建站点时,默认情况下会选择 4.0.0 版。但您可以通过在“站点设置”>“高级设置”>“Bootstrap”>“Bootstrap 版本”中选择 3.3.7,来使用以前的版本创建站点。

将 Bootstrap 的版本更改为 3.3.7
将 Bootstrap 的版本更改为 3.3.7

要了解有关使用 Bootstrap 4.0.0 在 Dreamweaver 中创建响应式站点的更多信息,请参阅使用 Bootstrap 在 Dreamweaver 中设计响应式站点

Dreamweaver 还提供初学者模板以支持 Bootstrap 4.0.0。要访问新的初学者模板,请单击“文件”>“新建”>“初学者模板”>“Bootstrap 模板”

Dreamweaver 中的 HiDPI 显示器支持 (Windows)

2017 年 10 月版中的新增功能

现在,Dreamweaver CC 为 Windows 提供 HiDPI 显示器支持,并且可以根据显示器识别 DPI。也就是说,应用程序会根据显示器的缩放设置进行缩放。

之前,在 4k 显示器中,Dreamweaver 中的 UI 元素无法正确地缩放。菜单、字体、图标等项目都存在像素化问题,并且看起来很小很模糊。利用对 HiDPI 的支持,Dreamweaver 改善了用户体验。UI 元素看起来更加清晰,且不会出现像素化现象。此外,您不会遇到 UI 元素溢出等问题。

Dreamweaver 中的多显示器支持 (Windows)

2017 年 10 月版中的新增功能

现在,Dreamweaver CC 为 Windows 提供多显示器支持。应用程序会根据显示器的分辨率自动缩放。

多显示器支持提供了多项好处。例如,您可以让某个文档不再以选项卡的形式呈现,而是在另一个显示器中查看该文档。通过这样做,您可以轻松打开和对比某一文档的不同版本,或者打开和对比两个不同的文档。

您还可以在多个显示器中查看和编辑不同类型的 Dreamweaver 文档。例如,您可以在一台显示器中编辑 HTML 文档,同时在另一台显示器中查看或编辑 CSS 文档。

Dreamweaver 的多显示器支持
Dreamweaver 的多显示器支持

Git 支持的增强功能

2017 年 10 月版中的增强功能

以下为此版本中引入的针对 Git 支持的增强功能:

测试远程存储库的连接性

您现在可以在 Dreamweaver 中检查远程 Git 存储库的连接性。单击“站点设置”对话框或“添加新远程”对话框中的“测试”。Dreamweaver 会测试您的远程存储库的 URL 是否有效。

测试远程 Git 存储库的远程连接
测试远程 Git 存储库的远程连接

注意:

系统不会验证您在添加或连接到远程存储库时输入的凭据。

保存凭据

Dreamweaver 现在允许您在克隆存储库时保存凭据。当您在“站点设置”对话框中输入凭据时,您可以保存凭据。您不需要在每次执行推送和提取等远程 Git 操作时都重新输入凭据。

之前,“保存凭据”选项位于“添加远程”“管理远程”对话框中。每当需要更新您的凭据时,您都必须转到这些对话框并重新输入凭据。现在,您可以在克隆存储库时直接保存凭据。

选择“保存凭据”即可保存您的用户名和密码
选择“保存凭据”即可保存您的用户名和密码

在 Git 面板中搜索文件

利用 Dreamweaver,您可以在“Git”面板中搜索文件。作为用户,当您的存储库中包含大量文件时,您可以使用文件名搜索文件。

当您在“搜索”框中输入文件名后,系统会立即显示所有包含搜索短语的文件。您还可以在搜索结果中查看这些文件的状态,从而帮助您跟踪已暂存、已修改和未跟踪的文件。

在 Git 面板中搜索文件
在 Git 面板中搜索文件

“合并冲突”标志

现在,当您在 Git 中合并分支时,如果存在冲突,Git 面板中会显示“合并冲突”标志。如果某个文件旁边有感叹号图标,则表示该文件存在冲突。

表示 Git 中存在合并冲突的图标
表示 Git 中存在合并冲突的新图标

要阅读有关 Git 支持的详细帮助文章,请参阅在 Dreamweaver 中使用 Git

全新欢迎屏幕

2017 年 10 月版中的新增功能

当您首次打开最新版本的 Dreamweaver 时,您会看到一个新的欢迎屏幕。

Dreamweaver CC 中的全新欢迎屏幕
Dreamweaver CC 中的全新欢迎屏幕

Dreamweaver 中的欢迎屏幕可让您快速访问最近打开的文件、Creative Cloud 文件和初学者模板。此外,新的屏幕还具备“工作”选项卡和“学习”选项卡。

如需访问您最近打开的文件,请单击“工作”选项卡。如需访问 Dreamweaver 的学习视频,请单击“学习”选项卡,然后单击所需的视频。

请注意,搜索图标位于屏幕右上角。当您输入搜索查询内容时,应用程序会显示与您的搜索查询内容相匹配的最近打开的文件、Creative Cloud 资源、帮助链接和 Stock 图像。

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

法律声明   |   在线隐私策略