原创力文档- 1、本文档共17页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
应用Fireworks创建切片的方法介绍
应用Fireworks创建切片的方法介绍
译者：王立群
应用FW创建切片、鼠标滚动图和热区：
在Fireworks中，切片是创建与网站交互功能的基本构件。切片是不以图片格式存在的网页对象，基本上是以HTML代码的形式 存在。我们可以在图层面板的Web层上预览、选择、重命名这些切片。本文讨论切片的核心概念以及组合切片的交互性到网页中的过程。
使用拖放滚动方法添加交互性给切片，在工作区中可以快速地创建鼠标滚动图和交换图像效果，可以在行为面板中设置这些交互组件的行为并使用这些面板创建更为复杂的交互功能。
我们可以把热区的交互性组合到网页中，热区可用于创建映像图，它们是在HTML文档中定义热区的HTML代码。这些区域不一定存在链接，它们可能仅触发行为或定义替换文本。热区也可以接收鼠标事件，允许用切片承担Java script行为。
本文包含下列内容：
1、创建和编辑切片：
切片切割Fireworks文档为小的片并导出每一片为独立的文件。当导出时，Fireworks也创建包含表代码（table code）的HTML文件以重新编译浏览器中的图形。
切割一个图像至少有三方面的主要优点： 1）、优化：
网站图形设计的一个重要条件是确保图像在不牺牲质量的情况下快速地下载，切片技术可以使我们用最适合的文件格式和压缩配置优化每一个独立的切片。
2）、交互性：
可以用切片创建响应鼠标事件的区域。
3）、更新网页的一部分：
切片技术允许我们将经常修改的网页部分进行更新。例如某公司网页可能需要按月修改土豆的产地，切片技术允许我们仅快速地修改土豆产地的名称和照片而无需替换整个网页。
2、设置切片的交互性
在Fireworks中创建交互性的基本构件是切片对象，Fireworks提供两种方法创建切片对象的交互性：
1）、拖放滚动方法是创建切片交互性的最简单方法，只要拖动切片的行为手柄并放置它到目标切片上就可以快速地创建简单的交互。
2）、行为面板允许我们创建更为复杂的交互性。行为面板含有许多可添加给切片的交互行为。通过添加多行为给某个切片，可以创建有趣的效果，也可以从许多触发交互行为的鼠标事件中选择。
Fireworks的行为与Dream weaver的行为是兼容的。当我们导出Fireworks鼠标滚动图到Dream weaver时，可以用Dream weaver的行为面板编辑Fireworks行为。
3、准备输出切片
使用属性面板，我们可以赋值链接和目标给切片以创建切片的交互性，也可以指定替换文本在图像加载时显示于浏览器中，此外也可以对所选择的切片指定导出文件格式以优化图像。如果属性面板被最小化，那么单击左下角的展开箭头以显示所有切片的属性。
使用属性面板或层面板，可以为切片赋予唯一的名称。在导出切片时，Fireworks使用切片创建过程中指定的名称，如果在属性面板中或层面板中没有输入切片的名称，那么Fireworks会在导出时自动地命名切片。用户可以通过使用HTML设置对话框修改自动命名规则。
Fireworks将进行了切片的Fireworks文档导出为HTML文件和一系列图形文件，可以使用HTML设置对话框定义导出的HTML文件的属性。 4、使用热区和映射图
网站设计者可以使用热区以创建较大图形交互区的某个小区域、链接网站图形到URL。在Fireworks中，可以从含热区的文档中导出HTML代码以创建映射图。
热区和映射图比做切片的图形往往节省大量的资源，但是处理切片的技术却要求占用Web浏览器的大量资源，这是因为在计算机处理过程中必须下载附加的HTML代码，而且处理程序要求重新编译切片的图形。
注释：可以创建切片映像图，导出切片映像图一般会生成许多图形文件。
当我们需要把图像区域链接到其他网页时，选择热区是一个理想的方法，但是我们不需要在响应鼠标事件时，未选择的图形区域高亮显示或产生滚动效果。
当图形位于放置热区的某个对象上时，热区和映像图对于高质量地导出为单一图形文件来说是理想的方法，换句话说就是使用相同的文件格式和优化配置会高质量地导出全部的图形。
在FW中创建切片对象：
在Fireworks中，使用切片工具拖放或在所选的对象上插入切片以创建切片对象。
约束切片对象的线就是切片的轮廓线，它决定被分割的某个独立的图像文件导出到文档时的边界，这些线在默认的情况下为红色。
一、在所选对象上插入矩形切片的方法： 1、选择“编辑|插入|切片”菜单命令，所创建的切片是包括所选对象最外边缘的矩形区域。
2、如果选择了一个以上的对象，那么就选择应用切片的方式，有以下两种方式：
1)、单：创建覆盖所有选择对象的单一对象。
2）、多：为每个所选对象创建切片对象。
绘制矩形切片的方法如下：
1、选择切片工具。
2、拖放切片对象，切片对象显示在层面板的Web层中，
文档评论（0）