将Fireworks表格插入Dreamweaver

2020-09-19 13:46:57

字体：大中小

来源：转载

供稿：网友

　　到目前为止，你已经体验了跨产品的交互，从到再回到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。