太阳城网页设计软件Dreamweaver CC 2014新功能

设计灵感 急速飞驰 浏览

小编:全 新发布的网页设计软件Dreamweaver CC 2014 版包含实时检查和CSS 设计工具等多项增强功能,可以帮助用户更加轻松地创建和更新网页和移动设备的网页内容,另外,新的元素快速检查功能

  全 新发布的网页设计软件Dreamweaver CC 2014 版包含“实时检查”和“CSS 设计工具”等多项增强功能,可以帮助用户更加轻松地创建和更新网页和移动设备的网页内容,另外,新的“元素快速检查”功能可以帮助网页设计师速检查、预览 及编辑众多的HTML标记等。

  下面我们详细介绍Dreamweaver CC 2014 带来的新功能和其他增强功能:包括网页元素快速检查、实时检查中的新编辑功能、CSS 设计工具增强功能、实时插入、使用身份文件支持 SFTP 连线、还原/重做增强功能、BusinessCatalyst 和 PhoneGap Build 工作流程的变化、存取 Dreamweaver 扩展功能的变化、同步设置、直接从 Dreamweaver 发送错误/功能要求、帮助中心(Help Center)、帮助菜单变化等等。

  Dreamweaver CC 2014 使用新增的“元素快速检查”来检查文件中的标记,可为静态和动态内容产生互动式 HTML 树状结构。直接在 HTML 树状结构中修改您的静态内容结构。

  Dreamweaver CC 2014 推出“元素快速检查”(菜单位置“检查 元素快速检查”) 是为了帮助网页设计者简化设计过程、加快开发速度。在之前版本的 Dreamweaver 中,用户必须在“实时检查”中标示 HTML 元素,切换至代码检查,再编辑该元素。编辑之后必须再切换回到“实时检查”才能预览变化。现在有了“元素快速检查”,设计师就可以在清晰简的单一检查界面 中检查所有元素,并编辑静态内容。

  Dreamweaver CC 2014 可以直接在“实时检查”中检查及变化任何 HTML 元素的属性,不需要重新整理任何项目即可查看其外观。

  “实时检查”现在会针对您的页面中的 HTML 元素显示“快速属性检查器”。根据您选取的 HTML 元素,“快速属性检查器”可让您直接在“实时检查”中编辑属性或文字。

  有了新的“元素显示”,您现在可以直接在“实时检查”中建立 HTML 元素与类别和 ID 的关联。“元素显示”会提供您可用类别和 ID 的提示,帮助您快速检查及选择所需的选项。

  Dreamweaver CC 2014 可以直接在“实时”检查中编辑文字并且预览变化,而不需要在不同的检查之间来回切换。

  Dreamweaver CC 2014 现在可在“实时检查”中使用“属性检查器”快速进行页面的编辑,而不必切换到“设计”或“代码”检查。

  新的 Dreamweaver CC 2014 版本支持从一个选择器复制样式并贴入另一个选择器中。用户可以复制所有样式,也可以仅复制特定样式类别,如“版面”、“文字”和“边框”。

  无法进行编辑的远端网站会停用“贴上样式”,但可以使用“复制”和“复制全部样式”。

  选择器上已有的部分“贴上样式”(重叠) 则可正常运作。此时会贴上所有选择器的联集。

  复制并贴上样式也可以在各种不同的 CSS 文件连结中运作:包括导入、连结、内嵌样式。

  Dreamweaver CC 2014版本支持快速编辑文字块,您可以在其中指定属性的速记代码,如边界、间距、边框和边框半径。这项变化是特别为偏好指定代码的使用者设计,太阳城娱乐城以便使用鼠标/键盘来指定属性。

  之前,您必须在 CSS 设计工具的“属性”面板中按一下 +,以新增“Other”(或自定义) 属性。现在有一组文字方块 - 属性名称和值 - 在“属性”清单尾端随时供您使用。这些文字方块可让您直接输入属性名称及其值,而不必先按一下 +。

  Dreamweaver CC 2014新版支持使用键盘快捷键新增或删除 CSS 选择器和属性,也可以在“属性”面板中的属性群组之间浏览。

  Ctrl+Alt+S :新增选择器 (如果控制项位于应用程序中任何位置)

  Dreamweaver CC 2014新版会在加入选择器时提供最多三条规则提示,用户可以使用上/下键,在“较为特定/较不特定”之间切换。

  在之前版本中,当您在 CSS 设计工具的“属性”面板顶端按一下“背景”或“其他”类别时,这些类别会在面板中变得“可见”,但其实类别并非确实显示在面板顶端。

  现在,Dreamweaver CC 2014新版的“背景”和“其他”类别 (重新命名为“自定义”) 会在用户按一下时显示在面板的顶端。

  在新的 Dreamweaver CC 2014 版本中,可以使用“插入”面板,直接将 HTML 元素插入“实时检查”中。不需要切换模式就能实时插入这些元素,并并且可以立即预览变化。

  Dreamweaver CC 2014新版现在可以根据“身份密钥”(无论有没有复杂密码),验证 SFTP 服务器的连线。

  截至目前为止,如果要还原/重做 CSS 设计工具面板中已执行的步骤,必须按一下 CSS 文件 (在相关文件中),然后再还原/重做该项步骤。

  现在有了Dreamweaver CC 2014新版还原/重做增强功能,您可以直接从文件的“实时检查”或 CSS 设计工具面板中还原/重做一项步骤。然后这些变化会自动反映在相关联的 CSS 文件中。为了让您知道相关文件已变化,受影响文件的索引标签会短暂反白标示 (大约 8 秒)。

  当您从“CSS 设计工具”面板还原/重做动作时,“实时检查”会自动重新整理。

  当您使用原始码编辑文件,并从“实时检查”还原变化时,“分割检查”的显示变化和相关原始码会成为焦点。

  所有还原/重做动作都会在 HTML 文件层级记录。也就是说,对 CSS 文件所做的任何手动变化,都可以从“任何”相关文件进行还原。例如,以 style1.css 和 style2.css 都与 index.html 相关的情形来探讨。如果您在 style1.css 中新增 .h1 的样式,然后从 style2.css 进行还原,h1 样式就会从 style1.css 删除。

  注:如果要在 JavaScript 文件中还原/重做变化,必须切换到相对应的 JS 文件,然后进行还原/重做。

  现在您可以使用AdobeCreative Cloud,检查并安装 Dreamweaver 扩展功能。扩展功能现在称为“附加元件”。

  如果要导入储存在 Creative Cloud 上的设置,请按一下“导入同步设置”。

  如果要在目前的 Dreamweaver 实体与 Creative Cloud 中同步这些设置,请按一下“同步化本机”。

  设定现在可以直接从 Dreamweaver 中存取愿望清单表单和错误报告表单 -“帮助 发送错误/功能要求”。

  与之前版本不同的是,Dreamweaver CC 2014可以在初次启动 Dreamweaver 时轻松探索新功能和有效的工作流程。随时都可以略过新功能预览或停用应用程序内置帮助信息。必要时也可以重新启用。

  Dreamweaver CC 2014现在包含随附于最新版本的新功能迷你预览。

  除了介绍新功能以外,预览也会引导您到视频收藏馆,您可以在其中看到新功能实际运作状况。

  新功能逐步解说或迷你预览选项会在一启动 Dreamweaver 时立即显示。

  欢迎信息。系统可能会请用户您指明之前是否已使用过 Dreamweaver CC,以便依此经验进行客制化步骤。

  视频收藏馆:在新功能逐步解说结束时,视频收藏馆会显示与新功能相关的视频。将鼠标停留在缩图上方时,会显示有关视频的简短描述。

  注:可以在使用 Dreamweaver 时随时取得新功能逐步解说和视频收藏馆。需要时可访问菜单“帮助”菜单或“欢迎”画面,然后选择所需的选项。

  Dreamweaver CC 2014 现在会在处理项目时提示大幅提高工作效率的秘诀。

  提示会随著特定“触发”出现。例如,在任何检查中按一下“标签”选择器时,或用鼠标右键按一下元素进行检查时,就会显示“元素 快速检查”的提示。

  “元素快速检查”是全新功能,可帮助您检查及编辑 HTML 标记,比您所尝试的其他方法都更容易 (触发)。

  可以通过“偏好设置”,停用应用程序内置信息显示。如需详细信息,请参阅停用或重设应用程序和产品内置信息。

  元素快速检查操作:标签选择器 (所有检查) 已按下,实时 + 检查 或用户鼠标右键在元素上按一下 + 检查

  Dreamweaver 与 Creative Cloud 上许多其他应用程序密切顺畅整合,而且产品内置信息会介绍这类整合工作流程。使用这些工作流程,

  产品内置信息会随著已识别的“触发”显示。例如,当尝试使用“CSS 转变”时,会通过产品内置信息,建议使用“Edge Animate”工作流程。

  产品内置信息会包含您可以在特定情况下使用的替代 (或更好) 的工作流程简短描述。

  注解:如果要再次查看信息,可以在“偏好设置”中重设应用程序内置帮助设置。

  Edge Animate操作:按一下“CSS 转变”,然后按一下“+”。

  如果再次停用信息,就不会再显示之前已显示的信息。只会显示之前未曾显示的信息。

  Dreamweaver CC 2014 的“帮助”菜单现在已重新规划,方便用户快速存取新功能逐步解说、视频收藏馆、帮助和学习资源,以及发送错误/功能要求表单。

  Adobe于2014年6月18日发布了大批新品,包括桌面设 计软件、移动应用甚至硬件产品。Adobe Creative Cloud设计套件中的组件全线更新,网页设计软件Dreamweaver CC 2014是其中用户量比较多的组件之一。以上我们介绍了新版Dreamweaver的一些新功能,希望给大家一些参考和帮助。

当前网址:http://www.builder.org.cn/linggan/webdesign/408.html

 
你可能喜欢的: