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

FireWorks
Fireworks打造精美Logo
用Fireworks也能为照片做精美边框
Fireworks设计网页平面稿入门
Fireworks制作马赛克文字特效
Fireworks制作“回形针卡照片”特效
Fireworks教程:关于圆角矩形边框线清晰度的问题
Fireworks制作Vista包装风格的光束
Fireworks制作经典的扫光字GIF动画
Fireworks制作仿古纸张效果
用Fireworks打造精装书效果
FW8.0轻松制作残破边缘面板效果
Fireworks简单打造文字效果几例
Fireworks 制作地球旋转动画
Fireworks让老虎从电视里出来
Fireworks教程:绘制质感金属刀具
Fireworks制作Vista毛玻璃效果
Fireworks快速打造酷酷台历
Fireworks打造一款精致质感盾形Logo
Fireworks细画Menu条
Fireworks教程:打造纸张卷边效果的方法

FireWorks 中的 将Fireworks表格插入Dreamweaver


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