APP下载

基于F L A S H的多媒体技术在网络课件中的设计与实现

2013-01-25曹译文

中国传媒科技 2013年18期
关键词:页面按钮多媒体技术

文 曹译文

基于F L A S H的多媒体技术在网络课件中的设计与实现

文 曹译文

多媒体技术是一种以计算机为载体将文字、图像、动画、视频等多种媒体进行整理并统一存储、传输的综合性电子信息技术。利用多媒体技术制作教学课件,已成为当代教学环节中不可或缺的重要手段。本文围绕FLASH进行分析研究,就如何利用FLASH多媒体技术手段对网络课件进行合理设计进行分析;就如何利用FLASH进行课件制作与技术实现等进行逐一研究。

多媒体技术在网络课件开发中的背景及应用

多媒体技术是以计算机为中心以多种媒体作为工具将文字、图形、图像、动画、视频等多种信息进行整理并统一存储、传输的综合性电子信息技术,是具有一定的主动性和交互性的传输技术。而多媒体课件是基于多媒体技术而开发的综合性知识的传播形式。

使用多媒体技术开发教学课件作为一种新的教学手段被更多的院校采用。目前最常见的多媒体课件创作软件如PowerPoint、FLASH、Authorware等。其中,利用FLASH软件制作课件画面生动、色彩丰富、交互性能较强,对创作者有简单技术要求且制作出的课件文件较小,方便传输,适用于网络空间。而作为课件创作人员,单纯的使用一种软件来开发教学课件总是存在一定不足之处,在实际课件制作过程中往往使用多种软件相互配合,取长补短,利用软件各自优势进行整合,才能使开发出来的课件更加生动,鲜明。

多媒体技术在网络课件开发中的优势

多媒体技术能够被设计者广为适用,其丰富的交互性能是亮点之一。而多媒体课件不仅可以在内容的学习使用上提供良好的交互控制,而且可以运用适当的教学策略,指导学生学习、更好地体现出“因材施教的个性化教学”。从另一种角度而言,多媒体课件就是通过硬件、软件、设计者和用户的参与这四项来共同实现的高技术性艺术作品。

另外,使用多媒体技术开发课件还具有丰富的表现力,可以将多姿多彩的视听世界更加自然、逼真的表现出来。同时可以对抽象、无形事物进行生动直观的模拟表现。使原本艰难的教学活动充满了魅力。

FLASH在网络课件开发中的特点

FLASH作为矢量动画和多媒体创作软件,可以制作出体积小、可集声音、视频、位图图像和交互性能为一体的综合动画或FLASH网站。在网站的制作过程中,FLASH可以与Dreamweaver、Fireworks、Photoshop等软件有效配合,简化工作流程,高效的制作内容更丰富、交互性更强的网站。[1]

在各种多媒体课件开发软件中,FLASH软件具有鲜明的视觉效果及灵活的交互功能,支持图形、图像、声音、视频、动画等多种媒体。在教学环节中可加强视觉效果、增强学习兴趣,利于网络传播,使教学环节灵活丰富。

基于《网页动画》课程的FLASH网络课件的设计

1.课程背景

本文以《网页动画》课程为例,使用FLASH技术对多媒体课件的设计进行分析研究。

《网页动画》课程是广州大学华软软件学院数码媒体系数字艺术专业的专业必修课,主要针对本科层次的教学环节。我系于2004年就开设了该门课程,目前申请成为我院精品课程。本课程围绕FALSH软件,重点讲授FLASH动画制作的基本原理及应用,该课程突出体现数字艺术专业建设特色,将艺术设计及计算机有效结合,使之成为艺术设计与计算机交叉学科代表性课程之一。

该课程以理论为基础以实践操作为辅助教学,计划总学时72学时,其中理论学习33学时,实践操作39学时。教学内容安排为8章。教学内容及学时分配如下表所示:

表1-1 教学内容及学时分配

2.教学要求

《网页动画》课程围绕FALSH软件的学习,通过理论与实践操作相结合的教学方法,使学生树立正确的设计思想,掌握利用FLASH进行网页动画制作的基本流程、基本制作方法,并能独立完成从动画设计、制作到打包的整个过程。通过学习,基本上要求学生掌握FLASH工具箱各个工具的操作及应用;掌握FLASH各类帧的使用;理解FLASH的图层与时间线的关系;熟练掌握FLASH各种动画类型的制作方法和技巧,并能正确使用遮罩层,引导线;了解FLASH声音输入输出不同的属性及其功能;认识ACTION的概念及使用方法。

通过该门课程的学习,培养学生灵活运用FLASH动画制作技术处理动画设计实践问题的能力和创新能力,实现学以致用。培养学生对平面动画设计软件的高级综合运用能力、图形设计语言表达能力以及平面动画设计理论知识与实践应用能力等。

3.课件的实现

3.1 课件架构设计

该课件是以《网页动画》课程为依据,以FLASH网站的形式展示内容。将课件设定为三级页面,每一级都不可缺少。并且页面顶端设有导航栏,包括首页、课程信息、课程教学、视频录像、优秀作品、素材下载、学习交流等标签。导航栏始终存在于每一级页面之中,使学生可以快捷的获取知识。

第一级页面为首页,是本课程的学习入口。包括课程的基本信息,学生对该课程提出的常见问题以及与课程相关的软件下载等信息。通过点击相应链接可进入到具体页面进行学习。这一页面相当于课程入口,对本课程起到一个简单的概述作用。

第二级页面是本课程各个导航页面,点击导航按钮进入到各自二级页面。二级页面采用框架式结构制作,分为课程信息、课程教学、视频录像、优秀作品、素材下载、学习交流等六类标签。在每个二级页面的左侧设有不同类型的FLASH展示动画,使学生在浏览课件的同时对FLASH制作效果有更直观的认识。页面的右侧则是该标签的具体学习内容,学生可以在相应二级页面的右侧进行知识学习。

第三级页面则是详细的学习浏览页面,在这一层级中,学生可以对相关知识进行预习、复习和练习等,也可以在优秀作品栏目下的三级页面中查看到班级其他同学的优秀作品,从而大大增强学习竞争力,使同学间相互学习共同进步。

3.2课件导航设计

FLASH课件沿用FLASH软件的红色为基本颜色,其目的是希望达到统一而不另类的视觉效果,使学生在打开课件的同时可以联想到《网页动画》课程。课件将导航设计在网站的顶端,即符合人的视觉浏览规律又衬托出教学网站的规矩和严谨。

本课件应用FLASH软件对导航按钮进行设计制作,由于导航背景为红色,因此将按钮文字设置为白色,选用琥珀字体使按钮看起来即不呆板又不失严肃。在按钮的动作设计上选择了鼠标触发,按钮上移提示的方式。当鼠标移动到相应按钮上时,按钮文字将自动上移并轻微颤动,以醒目的方式提示用户即将选择的操作。

在本按钮的设计上,采用了在按钮第二帧“指针经过”上添加影片剪辑的手法制作。首先,在FLASH中创建影片剪辑动画,并创建按钮文字并设置文字上移的运动渐变动画,并在移动到顶端后设置轻微颤动的运动效果。将影片剪辑动画放在“指针经过”上,完成按钮的制作。如图1-1。

图1-1 变化的导航按钮

3.3 课件动画设计

《网页动画》课程是以动画制作为主的课程,因此,在课件的制作中必然要体现出“动画”的制作。在该课件的设计中同样设计了大量的动画效果,但这些动画并不是随便制作并放置的。它们是该课程各个知识点的总和,也有针对逐个知识点而制作的小动画,被放在相应的章节或页面上。

在课程介绍页面上所放置的动画分别是小人走路的“骨骼运动”动画以及鼠标点击控制“下雨”动画。由于该页面是对课程的整体介绍,因此,放置这两个动画可以突出体现FLASH动画中可以达到的某些较为复杂的人物运动动作或特殊的ActionScript脚本控制动画效果。如图1-2、1-3。

图1-2骨骼动画

图1-3 下雨动画

视频录像页面中所介绍的是针对该课程的某个知识点来进行的综合动画制作步骤的讲解,该页面放置了各类动画制作详细步骤的视频录像。在该页面添加了遮罩动画类型的两种效果动画。遮罩动画在FLASH动画制作中属于特殊图层属性动画类型,因此放在该页面中以提示动画制作的特殊性。如图1-4。

图1-4 遮罩动画

优秀作品页面,将学生们的优秀动画分期上传,供同学们相互学习提高。该页的动画不是固定不变的,它根据课程进度的改变而发生变化,在不同进度不同课程内容上添加相对应的优秀动画作品,学生们可以实时的在课件上查看大家的作品以促进相互学习的氛围。

3.4课件交互设计

《网页动画》课件是课程辅助教学的工具,是学生课前预习、课后复习的学习工具。为了不影响严谨的学习氛围,使学生有一个良好的学习网络环境,因此,在该课件的交互设计中采用比较简单的单一的鼠标点击按钮以及鼠标控制特定动画的制作方法。除了各别页面动画鼠标控制外,课件的交互设计集中体现在按钮的点击和视频录像页面。在视频录像页面中放置了该课程各章节重点的动画案例,学生可以通过鼠标点击进入到视频查看动画,并可以通过视频的进度调节动画的播放进度。

该课件主要制作技术采用FLASH ActionScript2.0编程语言来完成。FLASH交互设计针对两种对象,第一是按钮,二是点击文字连接。给按钮添加命令,首先创建影片剪辑动画并给其命名为“a”,鼠标选择使用命令按钮,打开FLASH“窗口”下拉菜单,点击“动作”,打开动作浮动面板。激活脚本助手,在“命令选择栏”中执行“否决的——动作——tellTarget”命令,将目标(T)设置“/a”,使其指定控制影片剪辑a,在“命令选择栏”中执行“全局函数——时间轴控制——play”,控制影片剪辑的播放效果。命令编辑栏中执行命令如下:

总结

FLASH作为多媒体课件与传统的板书式教育模式相比,具有形式新颖、交互灵活、声色汇聚、趣味性强等特点被学生们所接受,也对高校的教育改革起到较大的影响。FLASH课件形式集中了各种先进的信息元素,如网络、互动、视频、声音、动画等于一体,将课程所要表达的主题和传达的各项知识淋漓尽致的展现出来,使学生们可以在轻松愉快的学习氛围中掌握知识技术,将教与学的环节很好的融合再一起,大大的高了课程的教学效果,从某种意义上而言,FLASH课件构建了新的教学互动模式,具有良好的发展前景。

广州大学华软软件学院数码媒体系)

猜你喜欢

页面按钮多媒体技术
当你面前有个按钮
刷新生活的页面
答案
让Word同时拥有横向页和纵向页
多媒体技术在中学英语教学中的应用
应用多媒体技术 创新中职德育课
计算机多媒体技术应用初探
死循环
内心不能碰的按钮
谈多媒体技术与语文教学的整合