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

FireWorks
Fireworks写实作品绘制实例:我的手机
自己打造动画广告 用Fireworks泛起水波涟漪
古代智慧结晶 用Fireworks“铸造”古钱币
巧用Fireworks MX 2004制作金属字特效
Fireworks使用技巧及常见问题解答
Fireworks制作GIF动画广告BANNER
Fireworks制作下雨动画效果
Fireworks and Dreamweaver指南介绍
使用Fireworks MX 绘制手机
Fireworks MX 滤镜讨论
Fireworks MX制作下拉菜单
Fireworks MX对网页的逆向导入
Fireworks MX制作像素动画
巧用Fireworks遮罩做平面设计
Fireworks创意遮罩动画制作
Fireworks制作透明按钮一例
Fireworks MX图层混合实例剖析
Fireworks 制作立体旋转地球
Fireworks 巧制生肖鼠票
Fireworks制作空间环绕文字动画

FireWorks 中的 将Fireworks表格插入Dreamweaver


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 42 ::
收藏到网摘: 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。