中等专业学校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网站制作
教后札记
制作flash