Fireworks 8第10章使用切片和热点.ppt

第10章 使用切片和热点 切片是Macromedia Fireworks 8中用于创建交互性的基本构造块。切片是网页对象，它们不是以图像的形式存在，而是最终以HTML代码的形式出现。可以通过“层”面板中的“网页层”查看、选择和重命名它们。热点用于创建图像映射，即在HTML文档中定义热区的HTML代码。这些区域不一定链接到某个地方；它们可能只是触发一个行为或定义替代文本。热点还可以接收鼠标事件，使得JavaScript 行为在切片中起作用 。 通过本章的理论学习和上机实训，读者应了解和掌握以下内容: 切片的作用 创建切片的方法 编辑切片 热点的作用 在网页中使用热点 本章章节内容安排如下: 10.1 创建并编辑切片 10.2 使用热点与图像映射 10.3 思考与练习 10.1 创建并编辑切片 切片就是将一幅大图像分割为一些小的图像切片，然后在网页中使用间距和宽度值都为0像素的表格重新将这些小的图像没有缝隙地拼接起来，成为一幅完整的图像。这样做可以减低图像的大小，减少网页的下载时间，并且能创造交互效果，如翻转图像等，还能将图像的一些区域用HTML来代替。 切片在网页制作中的作用 创建切片 编辑切片 命名切片 切片在网页制作中的作用 在网页上的图片较大的时候，浏览器下载整个图片的话需要花很长的时间，切片的使用使得整个图片分为多个不同的小图片分开下载，这样下载的时间就大大地缩短了，能够节约很多时间。在目前互联网带宽还受到条件限制的情况下，运用切片来减少网页下载时间而又不影响图片的效果，这不能不说是一个两全其美的办法了。 利用分割工具可以将一幅大的图片分割成一些小的图片组成的集合体，这样做的好处是不同的小图片可以被输出成不同的图片格式，每一张小图片可以在网页中有自己的翻转效果，并且可以减少图片的体积，使得在网络上下载时提高速度，同时每一块小切片可以有自己的链接，指向不同的地址，也就是映射 。 创建切片 在Fireworks 8.0中，可以创建两种类型的切片—— 矩形切片和多边形切片 。 切片工具 创建矩形切片 创建多边形切片 编辑切片 如果要选取切片，可以利用“指针”工具、“部分选定”工具来选中它，也可以使用“层”面板来进行；选中切片之后，若要移动切片可以利用鼠标、方向键或者属性面板的位置值。下图所示即为切片属性面板 。 更改切片颜色 更改切片类型 隐藏和显示切片 使用切片辅助线 添加链接 命名切片 在Fireworks中命名切片的方式有如下3种：自动命名切片文件、自定义命名切片文件和更改默认的自动命名惯例 。 自动命名切片文件 自定义命名切片文件 更改默认的自动命名惯例 为切片添加交互效果 在 Fireworks 中创建交互效果的基本生成块是切片对象。Fireworks 提供了两种使切片交互的方式：拖放变换图像方法是使切片交互的最简单方法。只需拖动切片的行为手柄并将其放在目标切片中，即可快速创建简单的交互效果；“行为”面板可以用来创建更复杂的交互效果 。 10.2 使用热点与图像映射 与图像切片一样，热点和图像映射都是用来创建图像交互效果的重要工具。热点和切片被称为Web对象，也就是说，它们不是图像而是一段HTML代码。在网页设计中，热点和图像映射被广泛使用，热点是图像上带有超级链接的一块区域，同一幅图片上可以有几个热点链接到不同的地址，这就是图像映射。 使用热点 创建图像映射 10.3 思考与练习 填空题 1. 在Fireworks 8.0中，可以创建两种类型的切片，即 ____ 和____。 2. Fireworks 8中创建多边形切片的方法有3种，即 ____ 、 ____和____。 3. 切片有____和____两种类型。 4. 在Fireworks中命名切片的方式有____、 ____ 和____3种。 5. 在Fireworks 8中，可以创建____ 、 ____ 和____热点。 10.3 思考与练习 选择题 6. 有关切片，以下说法不正确的是( )。 A. 切片将整个图片分为多个不同的小图片分开下载，缩短了下载时间 B. 切片可以指向不同的链接，也叫映射 C. 切片输出后带有大量的HTML代码，因此会影响下载速度 D. 使用切片能够制作出动态网页效果 7. 下列用于指定在新窗口中打开链接的参数是( )。 A. _blank B. _self C. _parent D. _top 10.3