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

FireWorks
Fireworks钢笔绘制飘逸的红彩带
Fireworks教程:有光泽的胶囊
Fireworks教程:简单制作网页新闻播报框
Fireworks教程:制作水波gif动画
Fireworks教程:制作文字效果各种方法
Fireworks教程:小兔子可爱图标
Fireworks教程:简单制作羽毛扇
Fireworks教程:鼠绘小技巧总结
Fireworks教程:网格化图像效果
Fireworks教程:绘制超绚丽魔幻图案
Fireworks教程:放射光感字体
Fireworks教程:真实的物体阴影效果
Fireworks教程:制作简单的网站LOGO
Fireworks CS4的面板的改进
Fireworks教程:常用操作技巧总结
Fireworks教程:简单制作渐变特效
Fireworks教程:不同切角效果
Fireworks教程:绘制精致的跑车
Fireworks教程:简单制作渐隐线
Fireworks8教程:用素材制作炫酷的闪字效果

FireWorks 中的 将Fireworks表格插入Dreamweaver


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