Adobe Dreamweaver CS6的拥抱RWD

作者: 不详 2012/4/28 0:04:35

  现在每一次,在网上进入进化过载,并迅速工作的一种全新的方式使现有的技术看起来过时的。对于应用程序的升级周期长,这可以挑战,但作为在创意Bloq注意到Dreamweaver中CS6的审查 ,Adobe已经在拥抱现代设计技术与流行的Web开发工具的最新版本的好刺。

  在Dreamweaver CS6的主要变化是流体网格布局模板,使设计师??在可视化的方式建立响应网站,三个不同的视口(台式机,平板电脑,移动电话)和预览网站。 还有一个新的CSS转换面板,提供了一个快速的方式来建立过渡效果,并有提升工作与PhoneGap的和jQuery移动通过移动开发工具。

  网页设计师 Stuart 龙告诉记者。网的更新将使创建网站的人一个更好,更快的响应,他们正在与有关的代码,并与预先设定的大小流体模板,将“给你一个更准确的添加速度以及得到所有设备的大小,而不是设置这些手动自己“的手段。 他补充说,CSS过渡面板是值得欢迎的:“它看起来像一个很好的工作在这个级别的编码工具。 写了一个过渡页的情侣,这是浏览器和预览之间的交换,所以经常疼痛,所以它更容易保持在一个地方。“

  创建响应布局

  作者大卫·鲍尔斯 ,Dreamweaver的书籍的作家,也热情有关的新的流体网格布局“它是由伊桑Marcotte的”响应的Web设计“的启发,但而伊森不断拉了他的计算器制订的百分比宽度和利润率页面元素时,Dreamweaver会自动为您。 所有你需要做的是添加流体网格布局div到页面,你可以拖动调整它的大小和它捕捉到网格。“

  权力告诉我们,他肯定Dreamweaver的反对者将“怀疑面条或专有代码的使用”,但他们就错了:“一个普通的div和流体网格布局DIV之间唯一的区别是,Dreamweaver会自动创建两个额外的样式规则在独立的媒体查询布局的div。 事实上,你可以调整的div,他们捕捉到网格使得构建一个简单的响应布局的一块蛋糕。“

  然而,有一些新功能的缺点,说的权力,特别是其处理传媒查询,这是所有在一个单一的样式表。 他告诉我们,这使得它很难确定整个Dreamweaver的自己的CSS样式“面板中哪些规则编辑一个特定的布局。 他补充说,样式规则还详细 - “每个人都有声明显示,浮法,清晰,宽度,即使保证金左物业,值继承。” - 你不能捕捉任何HTML元素电网栏的div,这是艰难的嵌套元素,使桌面更复杂的布局。

  尽管存在这些问题,权力主张;已取得1伟大的开始:“。它是简单而直观的使用,和它创建使用仅符合标准的代码响应布局”,并在Adobe他的接触已经说的新创意云订阅模型应该让更多的频繁的更新,可以看到在今年年底前的流体网格布局增强。

特别推荐

玩家留言 跟帖评论
查看更多评论