Adobe Dreamweaver CS6包含RWD

网络一次又一次地进入演化过载,全新的快速工作方式使现有技术看起来过时。对于具有较长升级周期的应用程序,这可能具有挑战性,但正如Creative Bloq所述Dreamweaver CS6评测通过对其流行的网络开发工具的最新修订,Adobe已经很好地接受了现代设计技术。

Dreamweaver CS6的主要变化是流畅的网格布局模板,使设计人员能够以可视方式构建响应式网站,并在三个不同的视口(桌面,平板电脑,移动设备)中预览网站。有一个新的CSS Transitions面板,提供了一种快速构建过渡效果的方法,并且通过使用PhoneGap和jQuery Mobile的工具可以提升移动开发速度。

网页设计者斯图尔特龙告诉.net,该更新将为人们创建网站关于他们正在使用的代码的更好,更快的响应,并且具有预设尺寸的流畅模板将“增加速度以及为您提供更准确的方式所有设备尺寸,而不是自己手动设置“。他补充说,CSS Transitions面板很受欢迎:“它看起来像是一个很好的工作工具,可用于此级别的编码。编写了几个带有转换的页面后,经常在浏览器和预览之间进行交换是一件很痛苦的事情,因此将它保存在一个地方要容易得多。“

创建响应式布局

作者大卫鲍尔斯许多Dreamweaver书籍的作者也热衷于新的流畅网格布局:“它的灵感来自Ethan Marcotte的'响应式网页设计',但是Ethan不断抽出他的计算器来计算页面元素的宽度和边距百分比,Dreamweaver会自动为您完成。您需要做的就是向页面添加流畅的网格布局div,您可以拖动以调整其大小并将其捕捉到网格。“

Powers告诉我们,他确信Dreamweaver批评者会“怀疑使用意大利面条或专有代码”,但他们错了:“普通div和流畅的网格布局div之间的唯一区别是Dreamweaver会自动创建两个额外的样式规则单独的媒体查询中的布局div。您可以调整div并将其捕捉到网格这一事实使得构建简单的响应式布局变得轻而易举。“

然而,新功能有一些缺点,Powers表示,特别是它处理媒体查询,这些都在一个样式表中。他告诉我们,这使得很难在整个Dreamweaver自己的CSS样式面板中识别出为特定布局编辑的规则。他补充说,样式规则也很冗长 - “每个都有一个显示,浮动,清除,宽度和边距左侧属性的声明,即使值是继承的。” - 你不能将任何HTML元素捕捉到网格栏是div,并且很难嵌套元素以使桌面更复杂的布局。

尽管存在这些问题,但Powers认为Adobe已经取得了一个良好的开端:“它使用简单直观,并且仅使用符合标准的代码创建响应式布局。”他在Adobe的联系人表示,新的Creative Cloud订阅模式应该能够实现更多功能。频繁更新,可以在年底之前看到流畅的网格布局增强。