电子课本的制作
一、电子教材图片的准备工作
(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”键(显示/隐藏动作面板的快捷键) ,在
动作面板中分配如下命令:
on (release){
NextFrame() }
图8 设置图形透明度
说明:给按钮分配动作的第一条命令必须是on 命令,小括号里的是on 命令的鼠标事件,大括号称on 命令的块区间,按钮执行的动作全部要放在大括号中按顺序执行。
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”时间轴,从库面板中把“透明”按钮拖入到图形的第一条目录条上, 从动作面板中分配如下命令:
on (release) { _parent._parent.no=1; }
_parent._parent.nextFrame();
动作命令说明: 图9 目录图形实例 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
}
no = no -1;//将当前页改为上一页 pno=no //将页码显示在pno 的文本框中
} 选择“上一页目录按钮”,用快捷键”ctrl+D”复制一个,将其移到“下一页”文字的上方,并通过动作面板将其动作改为:
on (release) {
if (no>=min and no
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
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 格式影片,其后在播放窗口中选择文件菜单栏,再选择“创建播放器”选项,在弹出的保存文件对话框中选择文件保存路径和文件名即完成操作。
电子课本的制作
一、电子教材图片的准备工作
(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”键(显示/隐藏动作面板的快捷键) ,在
动作面板中分配如下命令:
on (release){
NextFrame() }
图8 设置图形透明度
说明:给按钮分配动作的第一条命令必须是on 命令,小括号里的是on 命令的鼠标事件,大括号称on 命令的块区间,按钮执行的动作全部要放在大括号中按顺序执行。
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”时间轴,从库面板中把“透明”按钮拖入到图形的第一条目录条上, 从动作面板中分配如下命令:
on (release) { _parent._parent.no=1; }
_parent._parent.nextFrame();
动作命令说明: 图9 目录图形实例 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
}
no = no -1;//将当前页改为上一页 pno=no //将页码显示在pno 的文本框中
} 选择“上一页目录按钮”,用快捷键”ctrl+D”复制一个,将其移到“下一页”文字的上方,并通过动作面板将其动作改为:
on (release) {
if (no>=min and no
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
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 格式影片,其后在播放窗口中选择文件菜单栏,再选择“创建播放器”选项,在弹出的保存文件对话框中选择文件保存路径和文件名即完成操作。