admin管理员组

文章数量:1531905

2024年7月4日发(作者:)

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

编号:

备课

组别

授课

教师

课题

计算机

课程

名称

授课

系部

Flash CS6

动画制作

所在

年级

授课

班级

一年级

主备

教师

授课

日期

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

教后札记

本文标签: 网站制作设计动画内容