中职Flash CS6动画制作(工信出版集团)教案：Flash网站设计与制作——制作Flash网站

中等专业学校2022-2023-2教案
教学环节
5．页间跳转设计
6．文件大小处理
【案例操作一】：制作“甜品小屋”网站
明媚的阳光照射下，蓝天、白云、草地构画出一副美丽的风景，在炎炎夏日里，想不想来点冰爽的冷饮或者品尝一块美味的蛋糕，让我们一起进入充满梦幻的甜品世界。

操作中注意事项：
①所要绘制的内容比较多，需要一步步操作：制作logo元件、网站主页动画制作、网站会员登录页面制作、网站二级页面动画的制作等。

②用到的工具比价广，比如：钢笔工具、椭圆工具、油漆桶工具等
③创建的元件多，对于常见的图形元件、按钮元件、影片剪辑元件都有使用到。

同时使用多个元件的实例。

④动画使用比较多，为了让logo运动起来，主要使用了传统补间动画、补间形状动画、引导层动画、遮罩动画等
二、掌握 Flash网站制作
1.任务目标与分析
教学环节
（1）制作Flash网站时先要确定主题，该网站是一个品牌名称为“甜品小屋”甜品主题网站，目标主题为展示该网站出售的每一款产品，引起浏览者的购买欲望，以提高销售量。

（2）主题确定好后，根据设计好的Logo，制作Logo 动画。

（3）考虑到该Flash网站针对年轻目标群体，所以把风格定位为清新、时尚。

按照风格定位，网站的版式选择满版式，以产品图像为主要诉求点，视觉传达效果直观突出，给人以生动有趣的感觉，导航自然融入其中，蓝天、白云、草地等元素的添加，使整个画面更具有立体感。

（4）根据主题、定位，设计网站的整体结构，规划栏目和版块的编排，除此之外还要考虑到网页交互设计。

具体栏目结构如图所示。

（5）按照构思策划的内容，有针对性地收集网站所需要用到的图片素材，对于无法直接获取的素材，可以通过Photoshop等软件对相关的素材进行制作和修改。

（6）资料收集完成后即可对每个页面进行设计，
教学环节【课堂小结】
本任务主要通过案例为读者详细介绍了Flash网站策划、设计、制作的全过程，通过元件、页面及页面之间的调用，应掌握网站的基本制作方法。

【作业布置】
1.有条件的同学观看“我要自学网”。

2.根据本节学习的内容，制作学校Flash网站。

如图所示。

（提示：标题横幅采用遮罩动画制作、banner 设计发光动画效果、主页导航菜单使用按钮鼠标经过效果。

）
板书设计
项目三 Flash网站设计与制作
任务4 制作Flash网站
1.Flash网站设计
2.Flash网站制作
教后札记。