繁體中文当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > 将Fireworks表格插入Dreamweaver
- FireWorks
- Fireworks命令插件：Change Text Size
- Fireworks CS3体验之Pages面板
- Fireworks绘制打印机图标
- 实用Fireworks企业标识不扣图反白法
- Fireworks打造质感金属锁图标
- Fireworks CS3基础教程：切片和优化功能的运用
- Fireworks快速简单打造网页“闪字”动画
- Fireworks打造逼真梵高之光特效
- Fireworks轻松打造质感Vista LOGO
- Fireworks教程：打造一个没有钨丝的灯泡
- 用Fireworks 8的位图工具打造精美网页效果图
- 疯狂的补间＆元件＆路径 制作仿3D光亮DNA桌面（试用版）
- Fireworks CS3教程：蒙版的运用基础
- 网页设计翻译教程：图标缩小后变形的解决办法
- fireworks教程：用笔触绘制“毁灭顶峰”效果
- Firework教程：教你制作特殊的切角图形
- Firework教程：韩式风格手提袋的绘制
- Firewoks教程：制作液体金属表面文字效果
- Fireworks教程：电视雪花动画效果的制作
- Fireworks教程：制作一个简单的网页新闻播报框
FireWorks 中的 将Fireworks表格插入Dreamweaver
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-22 浏览: 44 ::
收藏到网摘: 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
 |
|
到目前为止，你已经体验了跨产品的交互，从Dreamweaver到Fireworks再回到Dreamweaver。现在你将会进一步体验这种循环，将一个Fireworks表格放置到Dreamweaver中，并在Dreamweaver和Fireworks中编辑它，最后回到Dreamweaver中看到已经更新的文件。
你将从在Travel Detail页面中央空白区域放置一个Fireworks表格开始。
在Fireworks中输出带表格的图片
首先，你要打开PNG格式的源文件。
切换到Fireworks。
在Fireworks中，选择File->Open。
在弹出的对话框中，找到硬盘上存放xtutorial_dwfw4的目录，找到content.png文件，并打开它。
 |
点击工具条底部的显示切割（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。
 |
|
评论 (0) 