Adobe Dreamweaver CS6审核

Dreamweaver CS6添加了一些新工具,用于处理从桌面,平板电脑到手机的网站,使用一些最新的CSS功能。

我们的判决

Dreamweaver已成为许多组织的标准Web设计和开发工具,Dreamweaver CS6需要响应Web的更改方式以及更改方式。 HTML5仍在不断发展,但其许多标准系列已经在使用中。这就是为什么在Dreamweaver中看到CSS3更高级功能的大量支持是很好的 - 包括CSS Transitions。尽管CSS支持有所改进,但Dreamweaver对JavaScript库的极简主义方法仍然存在问题,特别是随着组合脚本和CSS框架的重要性日益增加。虽然有很多新功能,但这仍然是熟悉的Dreamweaver,所以很容易从CS5或CS5.5升级,几乎没有学习曲线。如果您正在使用HTML5或需要提供给多个设备的网站,那么您将需要升级。其他用户可能会发现更难以证明其合理性,但我们建议仅针对CSS支持的改进进行升级 - 因为CSS Transforms和Fluid Grids等技术将有助于提供用户期望的现代设计。

对于

  • 随着网络越来越多的设备,支持流体网格和CSS3过渡的简单布局和测试很好看
  • HTML5支持
  • 用于构建跨设备流体网格的工具
  • 可定制的工作区
  • CSS3过渡
  • 我们也很高兴看到Adobe接受其最近的PhoneGap收购,整合了PhoneGap Build云服务,以加速将移动HTML5应用程序转换为本机应用程序

反对

  • Business Catalyst不是网站托管的最佳选择,我们希望看到更多支持其他托管公司和服务
  • Business Catalyst集成
  • 缺乏对CSS和JavaScript框架的支持
  • 缺乏流体网格的分辨率选项
  • CSS和JavaScript也比JQuery更多,我们希望在支持的JavaScript框架中看到更多的灵活性,尤其是对Canvas和其他关键HTML5标准的支持

通过我们的评论,了解最后一个盒装版本的Dreamweaver为网页设计师提供的内容。网络不会停留,新的浏览器和新技术意味着您网站的变化。随着移动浏览的爆炸性增长,这些变化现在比以往任何时候都要大。尽管如此,Dreamweaver CS6仍然是熟悉的应用程序,具有相同的设计和代码组合,并且支持您可以想到的任何Web创作技术。

Dreamweaver CS6面临的挑战

浏览器大战的回归加速了网络的发展。 Chrome,Firefox,Safari和Internet Explorer都在竞相提供最快,最强大的HTML5浏览器。这意味着Dreamweaver CS6需要支持最新的HTML,JavaScript和CSS功能 - 同时将复杂性降至最低。构建现代网页需要混合使用设计和编程技能,而Adobe Dreamweaver CS6需要支持设计人员和开发人员的不同受众。这是一项艰巨的任务,因为两者都有不同的需求,并且都以非常不同的方式工作。

The Dreamweaver CS6 interface

如果您使用过早期版本的Dreamweaver,您会发现CS6非常熟悉,其大型设计表面和工具调色板

Dreamweaver CS6中的UI和体验

打开Adobe Dreamweaver CS6,您就可以直接进入熟悉的Dreamweaver体验。和以前一样,您可以自定义工作区,尽管Adobe现在提供了11个预先配置的环境以加快入门速度 - 包括一个用于双屏幕使用的环境。还有很多用于创建新页面和文档的选项,包括使用Dreamweaver作为JavaScript开发环境,这将有助于开发人员使用node.js等新的Web技术。其他选项允许您使用常见的服务器端技术(如PHP和ASP.NET),甚至允许Flash开发人员使用Dreamweaver CS6编辑其ActionScript代码。

The Dreamweaver CS6 code editor

设计人员或开发人员,您将需要编辑代码。 Dreamweaver的代码编辑器处理HTML,JavaScript以及您可能使用的任何服务器端脚本环境

系统资源

如果你的PC或Mac已经运行Dreamweaver CS5或5.5,你会发现Dreamweaver CS6运行得很好,不需要额外的系统资源。升级后的WebKit引擎改进了Live View中的HTML5和JavaScript支持,同时内置了一个连接Adobe的BrowserLab当您需要在多个浏览器中测试页面时。有一些有趣的小UI触摸,可以更轻松地构建适合您工作方式的自定义体验。例如,可以选择在彩色和单色图标之间切换。

Dreamweaver CS6 Live View

布局和代码不会显示网站对用户的外观。 Dreamweaver的Live View是一个内置的WebKit引擎,可以呈现和运行年龄和脚本

改进了Dreamweaver CS6中的布局

开发人员保持他们的代码优先视图,而设计人员获得改进的布局工具,可以使用各种现代Web技术。结果仍然灵活,设计人员和开发人员可以轻松共享工作区。但是,对代码存储库和其他团队工作功能的支持仍然很少或根本没有。 Dreamweaver CS6仍然适用于单独的设计人员/开发人员,这在当今设计师和开发人员的大型团队的世界中感觉越来越不合适,他们在同一个站点上一起工作。

Dreamweaver Design view

Dreamweaver的“设计”视图允许您在页面上拖放图像和组件,添加代码和样式以传递页面

Adobe Dreamweaver CS6中的流体/响应网格

Dreamweaver CS6中最大的变化之一,即具有超越Web的含义,是引入用于构建和管理流体网格布局的工具。流体网格是CSS3功能的重要组合,允许您使用媒体查询提供灵活的布局,自动调整以提供适合不同类别设备的内容。

Adobe目前通过Dreamweaver的流体网格支持常见的智能手机,平板电脑和桌面分辨率,为您提供三种屏幕分辨率中每种分辨率的布局页面模板。还可以选择剪切和粘贴代码,并为不同的屏幕分辨率创建自己的附加网格 - 可能为电视屏幕或家庭媒体控制台或处理平板电脑屏幕旋转的页面添加视图。

Fluid responsive grids in Dreamweaver CS6

创建适用于PC,平板电脑和手机的流体网格现在就像选择布局和定义所用列一样简单

Dreamweaver处理媒体查询

使用流体网格非常类似于使用Dreamweaver CS6的模板工具。打开网格布局后,您需要做的就是使用DIV标记定义适当的页面区域。然后使用Dreamweaver的列网格将区域对齐,您可以根据用户屏幕的分辨率选择显示位置的区域。如果在特定分辨率下不需要元素,则可以隐藏该元素,并且不会显示该元素。对于相对复杂的问题,这是一个非常简单的解决方案 - Dreamweaver处理媒体查询,您需要做的就是创建适当的页面布局和设计。使用Dreamweaver流畅网格工具的另一个好处是,它们还可用于为Windows 8 Metro应用程序创建HTML 5用户界面。

使用流畅的布局,您需要能够预览您的工作,而无需将其发布到适当的设备。 Dreamweaver CS6基于WebKit的实时视图工具现在包含一个分辨率切换器,可以快速从智能手机,桌面和桌面浏览器进行更改。页面也可以在标准桌面浏览器中进行测试,只需调整大小即可获得适当的视图。

CSS过渡

一组快捷方式来自CSS Transitions面板,它简化了向页面添加动画效果的过程。 CSS转换可以添加到任何CSS元素,并且可以绑定到任何事件。您可以使用过渡来显示弹出窗口,或强调操作,或只是为了引起对链接或菜单的注意。没有代码需要,因为它全部由CSS处理。您可以在Dreamweaver的实时视图中测试过渡效果,使用内置的WebKit浏览器显示CSS效果而无需离开您的设计,过渡可以轻松地向页面添加效果。

CSS Transitions in Dreamweaver CS6

CSS Transitions简化了向页面添加特殊效果的过程。一旦您必须编写代码,您现在可以快速配置CSS并将其应用于页面元素

移动开发和网站托管

移动网络不只是关于浏览器,Adobe Dreamweaver CS6添加了可供使用的工具PhoneGap的,Adobe的工具,用于将Web应用程序打包到在主要手机平台上运行的应用程序。移动应用程序可以交付给Adobe的PhoneGap Build云服务,而不是发布到Web服务器。您可以使用Dreamweaver中的PhoneGap Build面板控制您正在构建的平台,该面板会报告您要定位的每个平台的构建状态。构建完成后,您只需从PhoneGap网站下载您的应用程序进行测试,并最终在应用商店中发布。甚至可以选择使用QR码从PhoneGap Build网站直接将应用程序加载到设备,您可以使用一个将客户端发送到公共页面以进行应用程序批准。

Adobe's PhoneGap is now intergared

Adobe的PhoneGap Build服务将Web应用程序包装为本机移动应用程序。只需注册并发布到云端

JQuery Mobile元素

移动开发人员还可以访问一组jQuery Mobile元素,因此他们可以快速构建交互式站点,而无需花时间来获取代码框架。可以将组件拖放到页面,并且可以动态应用主题。您可以将这些元素应用于整个站点或单个元素。还可以选择在Fireworks CS6中创建自己的主题,并将它们作为CSS和精灵表的主题样本提供。

jQuery Mobile in Dreamweaver CS6

如果您正在构建移动站点,Dreamweaver 6包含对JQuery Mobile的支持,其中包含可以添加到任何页面的组件库

Business Catalyst和Dreamweaver CS6

如果您需要向客户展示实时网站设计,Adobe已添加对其的支持业务催化剂网站托管服务。您可以使用内置的CMS和电子商务工具将其用于托管具有自己域名的网站。 Dreamweaver支持Business Catalyst的模块,将适当的标记放入页面中。 Dreamweaver用户可以使用免费试用站点,并为您提供测试站点的位置,以及与客户快速共享原型或完成的站点。我们仍然不确定Business Catalyst是否适用于大多数开发人员,他们可能拥有自己的登台服务器或托管关系 - 尤其是因为它使用的自定义代码不是特别便携。

价钱

全年302英镑(不含增值税),升级95英镑(不含增值税),38.11美元/月,作为年度Creative Cloud订阅的一部分,每月57.17英镑,作为逐月创意云订阅的一部分。有关购买地点的详细信息,请访问Adobe商店

系统规格

有关Adobe Dreamweaver CS6的系统规格以及Adobe CS6中的其他应用程序,请访问我们的Adobe系统规格页。

判决

9

满分10分

Adobe Dreamweaver CS6

Dreamweaver已成为许多组织的标准Web设计和开发工具,Dreamweaver CS6需要响应Web的更改方式以及更改方式。 HTML5仍在不断发展,但其许多标准系列已经在使用中。这就是为什么在Dreamweaver中看到CSS3更高级功能的大量支持是很好的 - 包括CSS Transitions。尽管CSS支持有所改进,但Dreamweaver对JavaScript库的极简主义方法仍然存在问题,特别是随着组合脚本和CSS框架的重要性日益增加。虽然有很多新功能,但这仍然是熟悉的Dreamweaver,所以很容易从CS5或CS5.5升级,几乎没有学习曲线。如果您正在使用HTML5或需要提供给多个设备的网站,那么您将需要升级。其他用户可能会发现更难以证明其合理性,但我们建议仅针对CSS支持的改进进行升级 - 因为CSS Transforms和Fluid Grids等技术将有助于提供用户期望的现代设计。



翻译字数超限