论文部分内容阅读
[摘要]随着互联网的发展，网络教育越来越普及，同时涌现出一些新技术，这些技术能更方便，更好的实现教学。本文主要介绍了HTML TIME技术的特点，以及如何通过HTML TIME技术实现幻灯片的制作和播放。
[关键词]HTML TIME技术 网络教学 幻灯片
一、HTML TIME技术的特点
在网络教学中，知识通过电脑以不同的人类处理信息的模式，传递给学习者。如互动模式(interaction modes)，导航模式(navigation modes)，回馈模式(feedback modes)，均能满足网络辅助教学的需求。而知识的表现形式也多种多样，比如文字，声音，图片等；而这些信息都可以在电脑上被表述。因此如何在网页上整合各种媒体，用户与计算机如何交互变得相当重要。为此，W3制定了同步多媒体整合语言——SMIL(Synchronized Multimedia Integration Language)。它就像HTML一样，运用标签描述来整合各种独立创建的媒体。媒体可以存放在不同空间，不同的展示时间和同步机制。有了这些机制，媒体可依时间变量不同次序的展现在屏幕上；或基于同步的要求整合各媒体，让媒体同步展现在屏幕上。SMIL有上述优点，但要经由特定的播放器来呈现媒体内容，例如RealOne或 GRiNS。它不能直接由浏览器实现，大大减低它的方便性。它虽然可plug-in到浏览器上，但和浏览器有互动差。 而HTML TIME(Timed Interactive Multimedia Extensions)则能直接由浏览器实现，HTML TIME是Microsoft，Macromedia，Compaq/Digital和 Digital Renaissance等几家公司合作发表的技术；它将SMIL的观念导入HTML和网页浏览器。也就是说，HTML TIME是在HTML网页中新增时序，媒体可以存放在不同空间，不同的展示时间和同步机制。
微软的Microsoft Internet Explorer 从5版本开始就提供了HTML TIME技术，即定时交互多媒体扩展技术。该增加对 HTML页面的定时和媒体同步支持。使用若干基于XML的元素和属性，就可以把图像，视频，声音等元素增加在HTML页上，并在指定的时间内让它们和HTML文本同步。采用HTML TIME技术可以用很少甚至不用任何脚本就可以在网页中创建出富媒体的、交互的内容。因为HTML TIME通过对文档上已有的HTML元素增加了某些新的属性而使文档中的内容具有可时控性，当希望在HTML页应用时控效果的时候，只要在已有的HTML知识上少加学习即可。HTML TIME属性可以让你指定在WEB页上的元素何时出现、保持多长时间以及如何对HTML元素施加影响效果，可以添加动态效果。除了这些属性外，已经被建立的基于XML的元素也会使媒体融入网页简单化。采用HTML TIME技术可以很容易的实现图片播放器或幻灯片播放；通过子标题实现视频和音频的播放；创建具有动画属性的文字或图片等工作。目前为HTML TIME2，通常简称time2。其工作方式大致如下：首先，必须使用IE5。5版本以上的浏览器，并在页面上增加相应的time2行为申明。当需要在页面使用time2时，必须在页面申明一个XML命名空间，并将前缀t关联到一个XML命名空间。其次，采用IMPORT处理命令传入定义time2行为的标记。最后，将time2行为和相关的元素关联。如果在页面有超过一对的元素使用相同的HTML TIME，可以通过创建CSS来达到目的。
二、如何通过HTML TIME技术实现幻灯片的制作和播放
下面以在IE中实现幻灯片及其播放的方法说明该技术的应用。用户可以建立幻灯片，并可以通过按浏览器上的“向前”、“向后”按钮实现幻灯片的播放。其基本要点有:网页如果要正确的工作一般需要编写混合代码；其中包括初始化HTML TIME行为的必不可少的代码，以及需要写在STYLE标签内的格式化代码。创建包含幻灯片的DIV元素。创建交互式幻灯片放映的适当按钮。写混杂代码需要为样品适当地工作。创建适当的脚本函数代码。具体的方法如下。
首先，在网页增加如下代码，以让浏览器支持HTML TIME技术。
＜HTML XMLNS:t = "urn:schemas-microsoft-com:time"＞
＜HEAD＞
＜STYLE＞
.time{behavior: url(#default#time2);}
＜/STYLE＞
＜import namespace = t urn = "urn:schemas-microsoft-com:time"
implementation = "#default#time2" /＞
＜/HEAD＞
其次，在STYLE标签内增加格式代码，以便对幻灯片内容的格式进行相应的设置，使幻灯片文字达到所需要的效果。
＜STYLE＞
.time{behavior: url(#default#time2);}
#oDiv1 {
font-size:28pt;
font-family: arial;
font-weight:bold;
color: #000000;
…}＜/STYLE＞
下面需要做的是设置幻灯片内容，通过DIV元素可以方便的进行每张幻灯片内容的设定，如下代码描述了三张幻灯片内容，分别为文字信息“第一张幻灯片”、“第二张幻灯片”和“最后一张幻灯片”。
＜DIV ID="oWrapperDiv"＞
＜DIV ID="oDiv1" CLASS="time" STYLE="z-index:2"＞
＜t:TRANSITIONFILTER ID="oTran1" BEGIN="indefinite" TYPE="ellipseWipe" DUR="1"/＞
第一张幻灯片
＜/DIV＞
在这个例子中，用户可以通过网页上的“前一张”“后一张”按钮实现交互，因此还需要在网页上设置相应的按钮，代码如下。
＜BUTTON ID="oForward" onclick="fnGo(’forward’);" STYLE="position:absolute; top:460;left:100;"＞Forward＜/BUTTON＞＜br＞
＜BUTTON ID="oForward" onclick="fnGo(’back’);" STYLE="position:absolute; top:460;"＞Back＜/BUTTON＞＜br＞
最后，还需要设置相关函数。
在函数中，首先幻灯片DIV元素创建，元素的个数是已知条件，本例中为3张幻灯片。因此，该循环用以遍历幻灯片集合中的每个元素。IF语句检查集合的当前元素是否为其他幻灯片的最顶层。变量direction接受向前翻页或者向后翻页的参数，以决定幻灯片如何翻页。
function fnGo(direction)
{
var divCollection = oWrapperDiv.childNodes;
var ColLength = divCollection.length;
for(i=0; i＜ColLength; i )
{
if (divCollection(i).style.zIndex == 2)
{if (direction == "forward"
[关键词]HTML TIME技术 网络教学 幻灯片
一、HTML TIME技术的特点
在网络教学中，知识通过电脑以不同的人类处理信息的模式，传递给学习者。如互动模式(interaction modes)，导航模式(navigation modes)，回馈模式(feedback modes)，均能满足网络辅助教学的需求。而知识的表现形式也多种多样，比如文字，声音，图片等；而这些信息都可以在电脑上被表述。因此如何在网页上整合各种媒体，用户与计算机如何交互变得相当重要。为此，W3制定了同步多媒体整合语言——SMIL(Synchronized Multimedia Integration Language)。它就像HTML一样，运用标签描述来整合各种独立创建的媒体。媒体可以存放在不同空间，不同的展示时间和同步机制。有了这些机制，媒体可依时间变量不同次序的展现在屏幕上；或基于同步的要求整合各媒体，让媒体同步展现在屏幕上。SMIL有上述优点，但要经由特定的播放器来呈现媒体内容，例如RealOne或 GRiNS。它不能直接由浏览器实现，大大减低它的方便性。它虽然可plug-in到浏览器上，但和浏览器有互动差。 而HTML TIME(Timed Interactive Multimedia Extensions)则能直接由浏览器实现，HTML TIME是Microsoft，Macromedia，Compaq/Digital和 Digital Renaissance等几家公司合作发表的技术；它将SMIL的观念导入HTML和网页浏览器。也就是说，HTML TIME是在HTML网页中新增时序，媒体可以存放在不同空间，不同的展示时间和同步机制。
微软的Microsoft Internet Explorer 从5版本开始就提供了HTML TIME技术，即定时交互多媒体扩展技术。该增加对 HTML页面的定时和媒体同步支持。使用若干基于XML的元素和属性，就可以把图像，视频，声音等元素增加在HTML页上，并在指定的时间内让它们和HTML文本同步。采用HTML TIME技术可以用很少甚至不用任何脚本就可以在网页中创建出富媒体的、交互的内容。因为HTML TIME通过对文档上已有的HTML元素增加了某些新的属性而使文档中的内容具有可时控性，当希望在HTML页应用时控效果的时候，只要在已有的HTML知识上少加学习即可。HTML TIME属性可以让你指定在WEB页上的元素何时出现、保持多长时间以及如何对HTML元素施加影响效果，可以添加动态效果。除了这些属性外，已经被建立的基于XML的元素也会使媒体融入网页简单化。采用HTML TIME技术可以很容易的实现图片播放器或幻灯片播放；通过子标题实现视频和音频的播放；创建具有动画属性的文字或图片等工作。目前为HTML TIME2，通常简称time2。其工作方式大致如下：首先，必须使用IE5。5版本以上的浏览器，并在页面上增加相应的time2行为申明。当需要在页面使用time2时，必须在页面申明一个XML命名空间，并将前缀t关联到一个XML命名空间。其次，采用IMPORT处理命令传入定义time2行为的标记。最后，将time2行为和相关的元素关联。如果在页面有超过一对的元素使用相同的HTML TIME，可以通过创建CSS来达到目的。
二、如何通过HTML TIME技术实现幻灯片的制作和播放
下面以在IE中实现幻灯片及其播放的方法说明该技术的应用。用户可以建立幻灯片，并可以通过按浏览器上的“向前”、“向后”按钮实现幻灯片的播放。其基本要点有:网页如果要正确的工作一般需要编写混合代码；其中包括初始化HTML TIME行为的必不可少的代码，以及需要写在STYLE标签内的格式化代码。创建包含幻灯片的DIV元素。创建交互式幻灯片放映的适当按钮。写混杂代码需要为样品适当地工作。创建适当的脚本函数代码。具体的方法如下。
首先，在网页增加如下代码，以让浏览器支持HTML TIME技术。
＜HTML XMLNS:t = "urn:schemas-microsoft-com:time"＞
＜HEAD＞
＜STYLE＞
.time{behavior: url(#default#time2);}
＜/STYLE＞
＜import namespace = t urn = "urn:schemas-microsoft-com:time"
implementation = "#default#time2" /＞
＜/HEAD＞
其次，在STYLE标签内增加格式代码，以便对幻灯片内容的格式进行相应的设置，使幻灯片文字达到所需要的效果。
＜STYLE＞
.time{behavior: url(#default#time2);}
#oDiv1 {
font-size:28pt;
font-family: arial;
font-weight:bold;
color: #000000;
…}＜/STYLE＞
下面需要做的是设置幻灯片内容，通过DIV元素可以方便的进行每张幻灯片内容的设定，如下代码描述了三张幻灯片内容，分别为文字信息“第一张幻灯片”、“第二张幻灯片”和“最后一张幻灯片”。
＜DIV ID="oWrapperDiv"＞
＜DIV ID="oDiv1" CLASS="time" STYLE="z-index:2"＞
＜t:TRANSITIONFILTER ID="oTran1" BEGIN="indefinite" TYPE="ellipseWipe" DUR="1"/＞
第一张幻灯片
＜/DIV＞
在这个例子中，用户可以通过网页上的“前一张”“后一张”按钮实现交互，因此还需要在网页上设置相应的按钮，代码如下。
＜BUTTON ID="oForward" onclick="fnGo(’forward’);" STYLE="position:absolute; top:460;left:100;"＞Forward＜/BUTTON＞＜br＞
＜BUTTON ID="oForward" onclick="fnGo(’back’);" STYLE="position:absolute; top:460;"＞Back＜/BUTTON＞＜br＞
最后，还需要设置相关函数。
在函数中，首先幻灯片DIV元素创建，元素的个数是已知条件，本例中为3张幻灯片。因此，该循环用以遍历幻灯片集合中的每个元素。IF语句检查集合的当前元素是否为其他幻灯片的最顶层。变量direction接受向前翻页或者向后翻页的参数，以决定幻灯片如何翻页。
function fnGo(direction)
{
var divCollection = oWrapperDiv.childNodes;
var ColLength = divCollection.length;
for(i=0; i＜ColLength; i )
{
if (divCollection(i).style.zIndex == 2)
{if (direction == "forward"