您现在的位置： 圆点视线 >> 教程 >> 图形图像 >> Fireworks >> 文章正文
[组图]Fireworks Dreamweaver综合使用:插入一个Fireworks表格    热     
Fireworks Dreamweaver综合使用:插入一个Fireworks表格
作者：spikal 　文章来源：fwcn.com 　点击数： 　更新时间：2005-1-10 9:06:56　
　页面功能：【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 【字体：小 大】
插入一个Fireworks表格

到目前为止，你已经体验了跨产品的交互，从Dreamweaver到Fireworks再回到Dreamweaver。现在你将会进一步体验这种循环，将一个Fireworks表格放置到Dreamweaver中，并在Dreamweaver和Fireworks中编辑它，最后回到Dreamweaver中看到已经更新的文件。

你将从在Travel Detail页面中央空白区域放置一个Fireworks表格开始。

在Fireworks中输出带表格的图片

首先，你要打开PNG格式的源文件。
  1. 切换到Fireworks。
  2. 在Fireworks中，选择File->Open。
  3. 在弹出的对话框中，找到硬盘上存放xtutorial_dwfw4的目录，找到content.png文件，并打开它。


    content.png文件是一张大图片，但是已经被切割为很多个小矩形。如果想要了解更多关于创建切割的信息，请查看Fireworks帮助（Fireworks Help）中的使用热区和切割（Using Hotspots and Slices）。
  4. 点击工具条底部的显示切割（Show Slice）按钮显示出切割的边缘。


    当你输出这张图片后，每个切割都会成为一个HTML表格的单元格。
  5. 选择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。


  6. 点击Save完成输出并保存相关文件。
  7. 在Fireworks中，关闭content.png文件，但不要保存，同时不要关闭Fireworks。
将Fireworks表格插入Dreamweaver

现在，你已经将Fireworks表格输出到Dreamweaver网站中，接下来就可以把它放置到Travel Detail页面中了。
  1. 切换到Dreamweaver，并确认当前窗口中是Travel Detail页面。
  2. 点击表格中间空白单元格的左上角设置一个插入点。


    你将会通过插入content.html的方法来添加Fireworks表格。当你添加Fireworks HTML代码的时候，所有相关的图片都会包含在内。
  3. 在Dreamweaver中，点击Object面版上的插入Fireworks HTML按钮（Insert Fireworks HTML）。


  4. 在出现的对话框中，点击浏览（Browse），找到你硬盘上的xtutorial_dwfw4目录并在它下面的images/table目录中找到content.htm文件。
  5. 点击ok来插入Fireworks表格。


  6. 选择File->Save保存到Travel Detail页面完成修改。
　【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】　文章录入：apoints    责任编辑：apoints 　【字体：小 大】
　
  • 上一篇文章： 没有了

    • 　
  • 下一篇文章：
    • 最新文章
    相关文章
    Fireworks绘制精致打印机图标
    详解Fireworks丰富的笔触设置面板
    DIY树叶笔触画一棵树
    Fireworks教程：教你打造可爱卡通QQ表情
    Fireworks教程：利用“建立控点法”绘制炫彩
    从FW的色彩面板看设计软件的色彩管理
    从Fireworks看设计软件的色彩使用方式
    Fireworks 创建残破纹理特效文字
    详解Fireworks MX 2004丰富的图像导出功能
    Fireworks制作极光字体效果
    网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）
    发表评论：
    　姓　　名： 评 分： 1分 2分 3分 4分 5分
    　评论内容： ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点，与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门