切片、按纽和行为

江苏省无锡立信职教中心校教案课 题切片、按纽和行为课 型讲授+练习授课日期09318授课时数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创建矩形切片举例12创建多边形切片切片准线不是按照多边形的边来放置的，仍然是矩形。多边形切片生成的切片文件仍然是矩形的。举例2二编辑切片对象1显示/隐藏切片对象2移动切片对象3调整切片对象形状4旋转、扭曲、变形切片对象三导出切片练习练习江苏省无锡立信职教中心校备课笔记教 学 内 容学生活动第五章 按纽和导航条按纽有以下四种状态来响应鼠标的动作：弹起（Up） 鼠标不在按纽上的按纽状态移入（Over） 鼠标经过按纽时的按纽状态按下（Down） 鼠标按下按纽时的按纽状态一按纽实现用户与网页的交互导入：编辑库按钮二编辑按纽1文本2超链接3目标4替代三创建导航条将多个按纽组合起来，就可以构建导航条。所谓导航条，是指一组分别指向不同链接地址的按钮，用于一系列相同级别的网页间进行跳转。举例第六章行为一行为的概念就是在网页中进行的一系列动作。通过这些动作，可以实现用户同网页的交互。二创建交互图像行为简单地说就是触发不同的按钮，显示不同的图片。举例练习