当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > FWMX系列:数据驱动图形向导 [1]

FireWorks
Fireworks 强化胶囊 制作过程
fireworks 制作倾慕系列系统图标教程
Fireworks 制作青花陶瓷按钮
Fireworks涂鸦效果的制作步骤
Fireworks ray暗黑中的花朵制作图解教程
Fireworks制作燃烧效果图解教程
Fireworks 实现在物件和文字上营造残破的效果
Fireworks立体倒影制作教程
Fireworks绘制甲壳虫小轿车
用Fireworks轻松制作闪动文字
Fireworks教程:gif动画图片批量增加水印教程
Fireworks教程:美女照片超绚背景制作
Fireworks教程:3D旋转gif动画
Fireworks教程:制作粉色恋人闪字
Fireworks CS3教程:切片工具切网页模板
Fireworks教程:切割导图做漂亮网页
Fireworks钢笔工具简单钩制破损边缘
Fireworks教程:绘制夏天清凉折扇
Fireworks教程:简单功能试用实例
Fireworks教程:以实例精通涂抹工具

FireWorks 中的 FWMX系列:数据驱动图形向导 [1]


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 61 ::
收藏到网摘: n/a

数据驱动图形向导是从MX版本开始出现的一项强劲功能。
这个程序是由Dearmweaver和Fireworks圣经系列丛书的作者Joseph Lowery开发的,
在FWMX内是1.00版,到了FWMX 2004时升级到了2.00版,
并由aftershape.com的站长Edoardo Zubler强化了界面设计和一些附属程序。

研究过FW数据驱动图形向导功能的朋友相信不多,
既便是FW自带的帮助文件和MM的官方网站做功能介绍时也只是一笔带过。
但是这个功能确实是FW的一大利器,
而且在Fireworks MX 2004推出之际,Macromedia再度声明这一功能得到改进,
到底怎么样,就让我们一起来实战一次并且来个详细对照吧。

在这个实例中,我们使用了一张白色的衬衫做基本素材,

以及一组漂亮的图标做衬衫的替换标誌。

FW的数据驱动图形向导必需有一个标准的XML文件作为数据来源,
这个XML文件可以由任何文本编辑器编写、由ColdFusion生成或是由软件输出来产生。
我们在这里根据准备替换的图标先写了一个,命名为datasource.xml,内容如下:

<?xml version="1.0" encoding="iso-8859-1"?>
<items>

 <item>
  <subject></subject>
  <pic>icon1.jpg</pic>
  <linkage>http://www.msn.com</linkage>
 </item>

 <item>
  <subject>Music</subject>
  <pic>icon2.jpg</pic>
  <linkage>http://www.music.com</linkage>
 </item>

 <item>
  <subject>Software</subject>
  <pic>icon3.jpg</pic>
  <linkage>http://www.soft.com</linkage>
 </item>

 <item>
  <subject>Earth</subject>
  <pic>icon4.jpg</pic>
  <linkage>http://www.internet.com</linkage>
 </item>

 <item>
  <subject>Search</subject>
  <pic>icon5.jpg</pic>
  <linkage>http://www.google.com</linkage>
 </item>

</items>

    

这里可以看到,XML的标签都是可以自定义的。
其中的subject、pic、linkage,将成为我们数据驱动图形向导的变量标签。
XML的书写格式标准和注意事项请参阅相关文档,这里就不赘述了。