当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > 将Fireworks表格插入Dreamweaver

FireWorks
Macromedia Fireworks MX的新特性一
Macromedia Fireworks MX的新特性二
Macromedia Fireworks MX的新特性三
Macromedia Fireworks MX的新特性四
Fireworks4 巧用无缝填充处理图片
Fireworks4 制作透明字
Fireworks中螺旋运动字的制作
Fireworks常见问题解答(7)
Fireworks常见问题解答(6)
Fireworks常见问题解答(5)
样式在FW MX 2004中的应用
用Fireworks轻松制作网页交互按钮
巧用Style制作立体感文字
Fireworks制作产品展示图
FireWorks象素按纽教程
Fireworks MX 之 初体验5-2
Fireworks MX 之初体验3-1
撕纸边缘效果制作方法详解
立体贴图字特效制作
Fireworks MX 2004特效字系列教程:晶莹文字制作

FireWorks 中的 将Fireworks表格插入Dreamweaver


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


  到目前为止,你已经体验了跨产品的交互,从到再回到Dreamweaver。现在你将会进一步体验这种循环,将一个Fireworks表格放置到Dreamweaver中,并在Dreamweaver和Fireworks中编辑它,最后回到Dreamweaver中看到已经更新的文件。

  你将从在Travel Detail页面中央空白区域放置一个Fireworks表格开始。

  在Fireworks中输出带表格的图片

  首先,你要打开PNG格式的源文件。

  切换到Fireworks。

  在Fireworks中,选择File->Open。

  在弹出的对话框中,找到硬盘上存放xtutorial_dwfw4的目录,找到content.png文件,并打开它。#####2-#####

  content.png文件是一张大图片,但是已经被切割为很多个小矩形。如果想要了解更多关于创建切割的信息,请查看Fireworks帮助(FireworksHelp)中的使用热区和切割(UsingHotspots and Slices)。

  点击工具条底部的显示切割(Show Slice)按钮显示出切割的边缘。

  当你输出这张图片后,每个切割都会成为一个HTML表格的单元格。

  选择File->Export。在Export对话框中做如下修改:

  将文件保存的目录修改为xtutorial_dwfw4/images下的table目录。

  将文件命名为content.htm

  在Save As的弹出菜单中,选择HTML and Images。

  在HTML弹出菜单中,选择Export HTML File。

  在Slices弹出菜单中,选择Export Slices。

  选择Include Areas Without Slices。#####3-#####1
  作者:spikal(翻译) 出处:点燃灵感转载请联系作者和相关出处

  到目前为止,你已经体验了跨产品的交互,从Dreamweaver到Fireworks再回到Dreamweaver。现在你将会进一步体验这种循环,将一个Fireworks表格放置到Dreamweaver中,并在Dreamweaver和Fireworks中编辑它,最后回到Dreamweaver中看到已经更新的文件。

  你将从在Travel Detail页面中央空白区域放置一个Fireworks表格开始。

  在Fireworks中输出带表格的图片

  首先,你要打开PNG格式的源文件。

  切换到Fireworks。

  在Fireworks中,选择File->Open。

  在弹出的对话框中,找到硬盘上存放xtutorial_dwfw4的目录,找到content.png文件,并打开它。
  content.png文件是一张大图片,但是已经被切割为很多个小矩形。如果想要了解更多关于创建切割的信息,请查看Fireworks帮助(FireworksHelp)中的使用热区和切割(UsingHotspots and Slices)。

  点击工具条底部的显示切割(Show Slice)按钮显示出切割的边缘。

  当你输出这张图片后,每个切割都会成为一个HTML表格的单元格。

  选择File->Export。在Export对话框中做如下修改:

  将文件保存的目录修改为xtutorial_dwfw4/images下的table目录。

  将文件命名为content.htm

  在Save As的弹出菜单中,选择HTML and Images。

  在HTML弹出菜单中,选择Export HTML File。

  在Slices弹出菜单中,选择Export Slices。

  选择Include Areas Without Slices。