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

中等专业学校2022-2023-2教案

编号：
备课课程FlashCS6所在主备
计算机一年级
组别名称动画制作年级教师
授课授课授课授课

教师系部班级日期
项目三Flash网站设计与制作
课题
任务4制作Flash网站
1.掌握Flash网站设计
教学2.掌握Flash网站制作

目标

重点掌握Flash网站制作

难点掌握Flash网站制作

教法直观演示法、任务驱动法、讲解法
教学
计算机机房
设备

教学活动内容及组织过程个案补充

【新课引入】

回顾上节课所学知识，并向同学们展示一些经典
教
的Flash网站，导入新课。
学
环【教学过程及内容】
节
一、掌握Flash网站设计

好的网站设计是制作较好网站的首要条件，在

Flash网站制作时，以下几个方面的设计尤其值得关

注。

1．色彩风格设计

2．网站Logo设计

3．网站首页设计

4．导航菜单设计

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网站制作

教后札记