电子课本的制作
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
电子课本的制作
一、电子教材图片的准备工作
(1)将下载或扫描好的电子教材图片按图片页码的顺序进行命名,如图1所示。
图1,教学图片的命名
(2)用拼音字母或英语字体符地图片文夹命名,本例教材图片文件夹名为“czhx1”。
二、编辑Flash 文档
1、新建Flash文档
用Flash8新建一个Flash文档,保存于图片文件夹目录下,本例取名为czhx1.fla.用鼠标点击舞台外的灰色区域(即工作区),在文档的属性面板中点击大小文本框(见图2),弹出一。
图2 文档属性面板
个文档属性设置对话框,设置舞台大小为600×600。
如图3所示。
2、编辑电子书封面
在时间轴中将图层1改名为“背景”,右击时间轴的第5帧,在弹出的快捷键对话框中选择”插入关键帧”,见图4。
从文件菜单中选择“导入到库”命令,在弹
出的对话框中选择图片文件夹中的封面图片和目
录图片,将图片导入到库面板中,如图5所示。
图3 文档属性设置图4 插入关键帧操作
从库面板中(显示或隐藏快捷键:“F11”)选择封面图片,将其拖入到舞台中,从图片的属性面板中改变图片的大小与舞台大小相同,即600×600, 图片的x 和y 坐标分别为0,0。
见图6。
图6 封面图片属性设置
图5 导入封面和目录图片
3、在封面中间设置一个“目录”按钮
(1) 将第一图层锁定,新建图层2,本例改名为“main ”图层,在该图层的第5帧插入关键帧,选择文字工具,在文字属性面板中选择静态文字类型,在舞台中写上“目录→”,颜色设置为红色,适当设置字号和字体(如字号为24,字体为宋体)。
(2) 制作一个透明按钮。
用矩形工具绘制一个小矩形,不要边框,只要填充色。
选择小矩形,从修改菜单中选择“转换为元件”命令,在弹出的对话框中选择元件类型为“按钮”,名称为“透明”,按确定键完成修改,见图7。
这时小矩
形就是一个按钮元件。
图7 将小矩形转换为按钮元件 (3) 编辑按钮为透明形式。
双击上述按钮元件,进入编辑按钮时间轴,在第三帧(“按
下”帧)插入关键帧,并通过颜色面板将矩形的颜色透明度(Alpha)修改为0,见图8。
再选择时间轴第一帧,将第一帧的图形删除。
选择场景1时间轴,这时的按钮图形就是一个透明按钮,编辑时其颜色为淡蓝色,播放时是完全透明的。
(4) 给按钮分配动作。
用“箭头”工具将按钮移动到“目录→”文字的地方,按“F9”键(显示/隐藏动作面板的快捷键),在动作面板中分配如下命令:
图8 设置图形透明度
说明:给按钮分配动作的第一条命令必须是on 命令,小括号里的是on 命令的鼠标事件,大括号称on 命令的块区间,按钮执行的动作全部要放在大括号中按顺序执行。
on (release){
NextFrame() }
4、分配第5帧动作命令 动作命是不能显示的,所以帧动作可以分配在任何一个图层的关键帧上,在”main ”层的第5帧上分配下列动作:
Stop();//停止播放头 min=1;//最小图片编号 max=158;//最大图片编号
if (_level5._totalframes == null) { path="czhx1/";//设置链接图片文件的路径 } else { path="ebooks/czhx1/";//设置链接图片文件的路径 }
动作说明:符号“//”是行注释命令
变量“min ”表示教材图片最小页码;变量“max ”表示教材图片最大页码。
变量“path ”表示图片所在路径。
条件语句的格式是: If (条件){
//满足条件时执行的命令块 }else{
//不满足条件时执行的命令块 }
本例条件“_level5._totalframes == null ”,表示本电子书如作为其它课件链接播放时,要将其放在第5级层,则_level5._totalframes <> null,作为单独播放时,_level5._totalframes == null ,“<>”表示“不等于”,“==”表示“等于”。
5、编辑课本目录
(1) 从组件面板中选择“ScrollPane ”组件
在“背景层”的第6帧处插入空白关键帧,在“main ”图层的第6帧处也插入一个空白关键帧,从窗口菜单栏中打开“组件”面板,从组件面板的“User interface ”中选择“scrollPane ”组件(滚动显示组件),将其拖入到舞台中,在属性面板中修改其大小为600×600,x 和y 坐标分别为0和0,这个组件将用于播放“目录”图片。
(2) 制作一个“目录”图形实例 从库面板中将导入的2张“目录”位图拖入到编辑区,并且调整上、下对齐,如图9所示。
选择这两张位图,从修改菜单中选择“转换为元件”,在弹出的对话框中设置元件的类型为“图形”和一个实例名称(本例为”f_mulu ”)。
双击“f_mulu ”,进入到编辑“f_mulu ”时间轴,从库面板中把“透明”按钮拖入到图形的第一条目录条上, 从动作面板中分配如下命令:
动作命令说明: 图9 目录图形实例
on (release) { _parent._parent.no=1; _parent._parent.nextFrame(); }
no,是场景1的变量;
_parent, 父级时间轴,因为本图形实例要放在组件
实例中显示,所以本图形实例的父级是组件时间轴,组件时间轴的父级就是场景1,所以表明场景1的变no前面用了两个_parent点语句。
同理,_parent._parent.nextFrame()是指场景1的时间轴播放头移往下一帧。
选择上述按钮,用快捷键“ctrl+D”复制一个按钮,将其放在第二条目录上,根据第二条目录的页码,将按钮中的no变量值改变相应的页码数字。
用相同的操作完成所有目录条目按钮的制作。
回到场景1时间轴,在舞台中删
除”f_mulu”图形,用鼠标单击组件,在其属
性面板中点击“参数”选项,在contentPath
栏中填写:“f_mulu”(该组件将从库面板中
装载名为”f_mulu”的元件播放)。
其它设置用
默认值,见图10所示。
图10 播放目录的滚动组件参数设置
6、教材图片显示编辑
(1) 显示背景编辑
打开背景层的锁头,在“背景”层的第7帧处插入空白关键帧,用矩形工具绘制一个矩形,不用边框,填充适当颜色做为显示教材图片的背景,将其转换为图形实例(本实例名为“背景1”),。
把舞台中的背景实例大小设置为600×600,然后锁定图层。
(2) 编辑显示教材图片组件
在“main”图层的第7帧中插入空白关键帧,从库面板中把“ScrollPane”组件拖到舞台中,在属性面板中设置其大小为600×540,x和y位置为0和0,给出组件实例名(本例为“cmp”)
(3) 编辑显示教材图片按钮
在“cmp”组件的下方用“文字”工具,写出“目录上一页下一页当前页”的静态文字,颜色为红色,在当前页的右方写一个动态文本框,在其属性面板中给出动态文本框一个变量名“pno”,它的值用于动态显示当前页码。
添加一个图层(本例改名为“按钮”层),在第7帧处插入关键帧,从库面板中把“透明”按钮拖到文字目录上方,分配下列动作:
On (release) {
prevFrame();//回到上一帧显示“目录”
}
同样操作,在上一页文字上方放置一个透明按钮,分配动作为:
On (release) {
if (no>min and no<=max) {//判断变量的值是否在图片编号范围内
no = no -1;//将当前页改为上一页
pno=no //将页码显示在pno的文本框中
}
}
选择“上一页目录按钮”,用快捷键”ctrl+D”复制一个,将其移到“下一页”文字的上方,并通过动作面板将其动作改为:
on (release) {
if (no>=min and no<max) {
no = Number(no)+1;//将当前页改为下一页
pno=no ////将页码显示在pno的文本框中
}
cmp.contentPath=path + no + ".jpg";//显示下一页
}
(4)分配第7帧动作命令
点击“nain”层的第7帧,在动作面板中给出下列命令:
stop();
cmp.contentPath=path + no + ".jpg"//在图片框中显示教材页面图片
pno=no;//在屏幕下方的当前页动态文本框中显示页码
动作说明:
在第6帧目录组件中,显示目录是通过组件参数contentPath栏中给出播放图片的名称,而在本帧中播放教材图片是动态给出图片的文件名,所以组件参数的contentPath栏是空的,它由帧命令中的cmp.contentPath的值中获取。
用上述类似的方法,再制作一个转到任意页码的按钮,注意,本例中任意页码文本框的类型为“输入”类型,其变量名为“pgo”,按钮动作为:n (release) {
no = Number(pgo)//指定页
if (no>=min and no<=max) {
cmp.contentPath=path + no + ".jpg";
pno=no
}
}
动作说明:Number()命令是将字符串型的数字变量转变为数值型变量,以便能进行计算用。
7、退出程序按钮编辑
添加一个图层,在第6帧中插入一个关键帧,在舞台的右上方用文字工具写上“退出”,从库面板中把“表明”按钮拖放在“退出”的上方,分配下列动作:
on (release) {
if (_level5._totalframes == null) {
fscommand("quit");
} else {
unloadMovieNum(5);
}
}
动作说明:
当本电子教材单独播放时,执行“fscommand("quit")”命令,关闭程序,当本电子教材作为其它课件链接播放时,则退出播放层级(_level5),不影响原课件的播放。
三、导出影片
1 导出swf格式影片
按下“ctrl+Enter”组合键,则系统自动在保存的文件夹中产生一个同名的swf文件,该文件。
2 导邮exe格式影片
运行保存目录中的swf格式影片,其后在播放窗口中选择文件菜单栏,再选择“创建播
放器”选项,在弹出的保存文件对话框中选择文件保存路径和文件名即完成操作。