网页教学网
 当前位置: 网页教学网 >> 网页制作 >> Fireworks制作技术 >> 阅读:Fireworks切片实例
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

Fireworks切片实例

http://www.webjx.com  更新日期:2005-02-27 10:12  出处:5D多媒体  作者:
  见很多网友问用PS和FW切片的问题,整理一实例,希望能对大家有所帮助。
  下图是我网站的导航条:

  接下来我们用“切片工具”(红圈内)来进行切图。
  根据颜色或其他你所想要的情况来进行切割,如下图:

  切片的好处:一、在网速较慢地情况下,本来要一张大图全部显示后才能看,现在切成众多小图后,速度加快,并且逐一显示;二、可根据每个切图的颜色和复杂情况进行不同的优化,以达到总体文件即保持必要清晰度,又能使文件达到最小,这是在大图时达不到的。

  将各切片优化后,选择"文件——导出",在导出对话框中,为文件取名,并请注意导也类型为“HTML和图象”,如图。

  OK,至此我们已经完成在FW中的工作。打开DW,新建一文件,在“对象面板”中选择“插入 Fireworks HTML”按钮:

  在弹出的对话框中点击“浏览”,选取刚才导出的HTML文件:

  你会发现刚才我们所切的图已经完整地在页面中:

  如果你把图片删除,你会发现这是一个table border="0" cellpadding="0" cellspacing="0"都为0的表格。

  好了,至此就全部结束。
关键词:
推荐给好友】【关闭】【收藏本文
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为