圈地网络出版一,MM8新品精解之开篇和DW8部分

2005年4月18日,Adobe公司突然宣布以价值大约34亿美元的全股票交易方式收购Macromedia,此消息一出,举世震惊。短短的4个月之后,Macromedia发布了全新的Macromedia Studio 8,作为强强联手的产物,它将带给我们怎样的冲击?

这是此文的开篇和DW8部分。

原文刊登在CHIP《新电脑》,未经授权,不得转载!

国西部时间2005年8月8日上午8时,Macromedia公司在美国旧金山如期发布了Macromedia Studio 8。与以往的版本相比,Macromedia Studio 8提供了更高水平的表现力、更加高效和简化的工作流程,以帮助Web设计人员、开发人员、视频专业人员和图形设计人员更高效地创建网站、交互式媒体和移动应用。正如 Macromedia 公司首席执行官 Stephen Elop所说:“Studio 8实现了新的飞跃,无论是功能还是性能都获得了重大的改进,它使得设计人员和开发人员不仅能为网络和移动设备创建及发布更具表现力、更引人注目的内容,而且效率更高,所用的时间更少。我们遍及全球的测试参与人员已切身体验体会到,这个版本将从根本上改变人们创建及交付数字内容的方¼。”

此次发布的Studio 8有一个明显的变化,就是去除了具有矢量绘图功能的Freehand,只包含Dreamweaver、Fireworks及Flash Professional,并且强化了Contribute与Flash Paper。如此的变动必有其原因所在,不过在分析这些原因之前,还是让我们首先了解一下Studio 8家族各个成员的特色,看看相比之前的版本有什么激动人心的改进。

Macromedia Studio 8家族成员

Macromedia Dreamweaver 8

Macromedia Fireworks 8

Macromedia Flash Professional 8

Macromedia Contribute 3

Macromedia Flash Paper 2

Dreamweaver 8

作为Macromedia Studio 8家族成员的核心成员,Dreamweaver 8(以下简称DW8)给我们带来了许多精巧和用心的改进。其重新设计的扩展型CSS可视化布局工具、对XML数据信息源的拖放式集成、对XML和XSLT进一步增强的代码提示支持等特性,使各个技术级别的设计和开发人员都能够更有效地创建非常吸引人的、基于W3C标准的网站和应用程序;而缩放、代码折叠和更容易的Flash视频集成等功能,让DW8的易用性有了较大程度的提升。

·更高效率的实践

DW8引入了许多精巧的改进,可以帮助网页设计师更加有效地工作。首先,用户可以利用DW8全新的缩放和向导工具对页面布局进行更全面的控制。如放大并检测图像或使用复杂的嵌套表格布局,或者缩小视图以查看页面的整体效果。利用参考线,用户还可以精确定位素材在页面上的位置,以改进页面排版和已完成网页之间的精度,使制作好的Web页面符合最初的设计构思。

1.PNG
Dreamweaver 8中的缩放和向导工具以及参考线

DW8另一个大幅提高效率的改进是代码工具栏。使用代码工具栏,能够实现代码折叠、代码快速选择、代码批量注释以及环绕标签、代码缩进/突出/格式化等功能,为代码编写者带来了诸多便利。

2.PNG
DW8的代码工具栏

此外,DW8还允许用户将面板的排列保存为“Workspace layout”(工作区布局)。通过这种方式,用户可以将面板组合保存下来,以适应不同的工作流程。例如,用户可以创建一个用于数据驱动网页设计时使用的工作区布局,再创建一个用于设计CSS成分比较多的网页的工作布局,在设计这两种不同的网页时,可以在这两种布局之间来回切换。

4.PNG
定制Dreamweaver 8的工作区布局

值得一提的是,DW8将“插入DIV标签”按钮移动到了常用工具面板中,这也许是Web标准化造成的结果。

·更强大的CSS支持

相比Dreamweaver MX 2004,DW8再次增强了复杂样式表信息的显示,减少了必须跳转到网页浏览器中检查代码设计的次数,如以前必须在浏览器中查看的iframe标签,在DW8的设计视图下即可展现。

为解决复杂CSS布局这一难题,DW8提供了几个CSS可视化功能,能够勾画出CSS布局边框或给CSS布局上色,从而展示比较复杂的嵌套布局方案。DW8还改进了CSS的选择操作,当用鼠标单击CSS布局时,会显示出有用的工具提示,如ID、填充、边距、边框设置等,有助于网页设计人员更好地理解CSS布局设计的各种元素。另外,借助对设计视图精度方面的显著改进,用户可以查看复杂CSS布局在大多数浏览器中的渲染方式。此外,DW8完全支持高级CSS技术,如溢出、伪元素表单元素等。

DW8中的所有CSS功能都被整合到了一个统一的面板中,这样CSS面板就变成了一个更实用的控制面板,使用它可以快速确认样式、编辑样式、查看应用于页面元素的样式等。

5.PNG
统一的CSS布局

在上述的CSS统一面板中,DW8还增加了一个摘要视图,用于快速确认应用于当前选定元素的CSS属性,这防止了CSS样式的混淆,使设计师们从基于CSS的复杂设计中解脱出来,设计师还可以使用“All”和“Current”按钮切换所有视图和摘要视图。

DW8中新的媒体格式则允许用户添加指向特定设备的样式,例如,可以添加只用于网页打印的样式表,也可以添加只用于在计算机屏幕上显示的样式表。取消菜单“View→Style Rendering→Display Styles”的选择,还能够屏蔽所有的CSS效果,有助于开发XHTML+CSS的网页。

6.PNG
选择不同的样式表渲染设备

·对XML/XSLT的远景支持

使用DW8简单的拖放工具,可以快速格式化基于XML的数据,将XML文件转换为任何Web浏览器都支持的HTML文件。这样带来的一个典型应用就是:快速将基于XML的RSS feed服务集成到你的网页中。

7.PNG
建立XSLT,可视化操作XML数据源

·更方便的集成功能

DW8还简化了对Flash视频文件的插入,只需点击4、5下鼠标即可直接在网页中嵌入Flash视频,极大地增强网页的表现力。在新技术支持上,ColdFusion MX 7、PHP 5以及Web 发布系统的日志功能,使Dreamweaver在Web站点建设和服务器操作上得到了一定的改变和完善。

8.PNG
插入类VCR控制方式的Flash视频

除了上述主要新增功能之外,DW8还提供了如速度更快的后台FTP、功能强大的文件同步等小的改进,这些需要用户在使用过程中去更深入体会。