切片、按纽和行为.docVIP

江苏省无锡立信职教中心校教案 课 题 切片、按纽和行为 课 型 讲授+练习 授课日期 09．3．18 授课时数 2 教学目标 巩固GIF动画设计 理解并会使用切片 熟练掌握按纽的编辑和创建交互图像行为 教学重点 GIF动画设计 理解切片 按纽的编辑 创建交互图像行为 教学 难点 创建交互图像行为 学情分析 GIF动画设计需要巩固练习，另外，先让学生理解对象作用，然后在做中学，效果会比较好。 板 书 设 计 复习第三章GIF动画设计 练习 新授：第四章 切片的应用 一创建切片 1创建矩形切片 2创建多边形切片 二编辑切片对象 1显示/隐藏切片对象 2移动切片对象 3调整切片对象形状 4旋转、扭曲、变形切片对 三导出切片 第五章 按纽 一按纽 二编辑按纽 1文本 2超链接 3目标 4替代 第六章行为 创建交互图像行为 教学 后记 江苏省无锡立信职教中心校备课笔记 教 学 内 容 学生活动 复习： 网络功能 第三章GIF动画设计 一帧的操作 帧实际上就是1幅幅单独的图像，主要用于创建动画 二编辑动画 1设置动画播放次数 2设置帧的延迟时间 三共享图层 一个帧中可以包含多个图层 有时候希望在多个帧中重复某些固定的内容，此时应该怎么办？ 1共享图层 2取消图层的共享 四导出动画 必须导出为动画GIF格式 优化--- GIF动画 综合练习1： 创建一个GIF动画，要求有3帧：第1帧为一幅图片；第2帧为文字“XX作品”，样式23，设置高和宽；第3帧创作下面的图形。三帧的帧延迟分别为：50、100、50，另外：将背景图片放在第1帧所在的共享图层。作品上传 综合练习2： 创建一个GIF动画，要求有2帧：第1帧为一幅图片及文字“Fireworks制作”，文字采用样式21，设置高和宽；第2帧创作下面的图形。两帧的帧延迟分别为：80、160，另外：将背景图片放在第1帧所在的共享图层。 练习 练习 江苏省无锡立信职教中心校备课笔记 教 学 内 容 学生活动 新授: 第四章 切片的应用 所谓切片，简单地说就是将大图像分割成小图像。为什么要将大图像分割成小图像呢？这主要是因为在网页中，比较大的图像在浏览器中的下载速度慢；如果将其分割为多个小的图像，然后分别下载，就会大大提高下载速度。 优点：加快下载速度 重复使用图像的相同部分 减少重复图像，从而减小图像文件的大小。 一创建切片 1创建矩形切片 举例1 2创建多边形切片 切片准线不是按照多边形的边来放置的，仍然是矩形。 多边形切片生成的切片文件仍然是矩形的。 举例2 二编辑切片对象 1显示/隐藏切片对象 2移动切片对象 3调整切片对象形状 4旋转、扭曲、变形切片对象 三导出切片 练习 练习 江苏省无锡立信职教中心校备课笔记 教 学 内 容 学生活动 第五章 按纽和导航条 按纽有以下四种状态来响应鼠标的动作： 弹起（Up） 鼠标不在按纽上的按纽状态 移入（Over） 鼠标经过按纽时的按纽状态 按下（Down） 鼠标按下按纽时的按纽状态 一按纽 实现用户与网页的交互 导入：编辑—库—按钮 二编辑按纽 1文本 2超链接 3目标 4替代 三创建导航条 将多个按纽组合起来，就可以构建导航条。所谓导航条，是指一组分别指向不同链接地址的按钮，用于一系列相同级别的网页间进行跳转。 举例 第六章行为 一行为的概念 就是在网页中进行的一系列动作。通过这些动作，可以实现用户同网页的交互。 二创建交互图像行为 简单地说就是触发不同的按钮，显示不同的图片。 举例 练习