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

FireWorks
Fireworks教程:英文网页导航的制作方法
Fireworks教程:打造漂亮的水波gif动画
Firewoks教程:摇动变形打造摇滚波字体
Fireworks翻译教程:打造滚动的足球动画效果
Fireworks教程:设计制作漂亮网页的过程
Fireworks教程:路径组合打造公告栏挂绳效果
分析宽高自适应的九宫格背景图片切割的技巧
Fireworks教程:合成制作怀旧石头字效果
Fireworks教程:通过实例讲解光影的运用
Fireworks教程:分享动画制作的心得
Fireworks教程:运用滤镜制作旋转的四叶草动画
Fireworks教程:简单打造可爱粉色gif闪图
Fireworks教程:图片转换动态个性签名的制作
FireWorks教程:外发光效果巧应用
Fireworks教程:运用字体打造酷酷涂鸦墙壁效果
Fireworks教程:结合PS制作马赛克变换动画效果
Fireworks教程:制作可爱晶莹果冻字
Fireworks教程:运用滤镜打造特色打孔字效果
Fireworks实用教程:gif动画图片批量添加水印的方法
Fireworks教程:打造仿梦幻水墨画效果

FireWorks 中的 将Fireworks表格插入Dreamweaver


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