浅谈三分屏课件制作方法-工程论文浅谈三分屏课件制作方法晁仕德CHAOShi-de（青海广播电视大学，西宁810008）（QinghaiRadioTelevisionUniversity，Xining810008，China）摘要：本文针对三分屏课件的制作，分析了免费代码与收费软件的优缺点，给出了两种免费的制作代码。Abstract：Aimedatthemanufacturemethodofthreesplitscreencourseware,thispaperanalyzestheadvantagesanddisadvantagesofthefreecodeandchargesoftwareandgivestwokindsoffreeproductioncode.关键词：三分屏；课件制作；网页Keywords：threesplitscreen；coursewaremaking；webpage：G724.4文献标识码：A：1006-4311（2014）34-0268-02作者简介：晁仕德（1969-），男，青海乐都人，青海广播电视大学教授，研究方向为课件制作。0引言三分屏课件在目前的网络上十分流行，尤其在远程教育中使用十分广泛，它的表现形式是，在网页中将一个网页分为三个区域，左上角为视频区，左下角为导航区，右边为讲义显示区，当浏览者打开网页后，点击导航区域中的目录链接，可以视频和讲义同时跳转到指定的位置。三分屏课件的实现方法有很多，主要分为两种，第一种是采用免费代码，第二种是采用成形的产品。采用免费代码实现的方法也有很多，最为流行的可分为两种，一种是导航的链接与视频及文本形式的网页同步跳转[2]。第二种形式是导航的链接与视频及PPT图片形式的网页同步跳转。1导航链接与视频及文本形式的网页同步跳转1.1采用在网页中插入VB脚本命令，具体代码如下：scriptlanguage=“vbscript”subaaa_onclicknsplay.stopnsplay.CurrentPosition=0nsplay.selectionstart=0nsplay.SelectionEnd=215nsplay.playendsub……（//这里可以加上很多锚点，代码与上七行一样，只是锚点标记不同及标记的时间不同）/script1.2在嵌入式框架中输入相应的文本，然后在各章节内容前设置书签如a、b、c……，在目录导航区输入各章节目录，并建立每章目录与嵌入式框架网页中的书签的超级链接，再在各章目录前加上视频锚点如aaa、bbb、ccc……。最后，在导航的标题上做超链接时即可用如下方式：palign=“center”atarget=“I1”href=“jy.htm#a”name=“aaa”第一节/a/ppalign=“center”atarget=“I1”href=“jy.htm#b”name=“bbb”第二节/a/ppalign=“center”atarget=“I1”href=“jy.htm#c”name=“ccc”第三节/a/p其中I1为嵌入式框架网页，jy.htm#a为讲义网页中的a书签，aaa为视频锚点的第一个标记，通过上面这样的超链接，即可实现当点击导航时，视频与文本的同步。2导航的链接与视频及PPT图片形式的网页同步跳转这种方式的关键代码是：scriptlanguage=“JavaScript”type=“text/JavaScript”functionMM_openBrWindow(theURL,winName,features){//v2.0windoopen(theURL,winName,features);}functionplayItem(startTime,textUrl){this.startTime=startTime;this.seconds=0;this.textUrl=textUrl;this.getSeconds=functiongetSeconds(){vartime=this.startTime.split(“:”);for(varii=0;iitime.length;ii++){if(time.length-1-ii==0){this.seconds+=parseInt(time[ii]);}else{varn=60;for(varjj=ii;jjtime.length-2;jj++){n=n*60;}this.seconds+=parseInt(time[ii])*n;}}}this.getSeconds();}functionLearnPlayer(id,mediaPlay,textFrameContainer){this.id=id;this.mediaPlay=mediaPlay;this.textFrameContainerName=textFrameContainer;this.selectedPosition=null;this.playItems=Array();this.playItemIndex=0;this.addPlayItem=function(playItem){this.playItems[this.playItems.length]=playItem;}this.autoShowText=functionautoShowText(){setInterval(this.id+“.showText();”,500);}this.showText=functionshowText(){varposition=eval(this.mediaPlay).CurrentPosition;if(positionthis.selectedPosition)this.selectedPosition=null;if(this.selectedPosition!=null)return;for(varii=0;iithis.playItems.length;ii++){if((ii==this.playItems.length-1this.playItems[ii].secondsposition)||(this.playItems[ii].seconds...