信息技术课“路径”的自主探究教学

2010-10-12 09:04兰风雨
中国现代教育装备 2010年20期
关键词:文件夹网页动画

兰风雨

江苏省南京田家炳高级中学 江苏南京 210037

信息技术课“路径”的自主探究教学

兰风雨

江苏省南京田家炳高级中学 江苏南京 210037

信息技术课中的“路径”教学是经常被忽略难点。难点突破的方式之一是采用自主探究的方式,变学生被动接受为主动学习。

信息技术 自主探究 路径 相对路径

一、问题提出

路径在计算机应用中处处可见,但如何解释路径、相对路径,则是高中信息技术教学中经常被忽略的一个难点。

1.路径的概念

用户在磁盘上寻找文件时,所历经的文件夹线路叫路径。路径分为绝对路径和相对路径。

绝对路径:从根文件夹开始的路径,以“”作为开始。

相对路径:相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。即从当前文件夹开始的路径。

信息技术教学中的“路径”:在高中信息技术教学中,“路径”的教学主要在幻灯片制作和网页制作时出现。

2.信息技术课中传统的“路径”教学

学生在学习幻灯片制作时,当学习到“插入Flash动画”时,会遇到“路径”的问题。

往幻灯片中插入Flash动画的方法:“视图”菜单—“工具栏”—“控件工具箱”,找到“其他控件”中的“shockwave flash object”,在幻灯片中画出Flash动画播放区域,然后须在“属性”的“movie”一项中填入Flash动画的路径及文件名。

通常,教师会提醒学生在插入动画之前将动画文件与幻灯片放至同一个文件夹中,再在“控件工具箱”的“movie”中填入Flash动画的文件名,然后告诉学生将幻灯片和动画一起上传。这样做,只告诉了学生死记的操作方法,学生并没有真正理解“路径”。给后面的网页制作教学中链接“路径”的学习带来困难。

3.“路径”的教学的改进

为了让学生理解“路径”,笔者设计了这样一个障碍:在告诉向幻灯片中插入Flash动画的方法后,让学生将Flash动画从服务器中拷贝至本机的E盘,学生打开“控件工具箱”,找到“其他控件”中的“shockwave flash object”,在幻灯片中画出Flash动画播放区域,在“属性”的“movie”一项中填入该动画的绝对路径“E:flash动画文件名”,设置好后播放成功。然后让学生将作业上传至服务器,可是学生通过网络将服务器中的作业打开浏览时却看不到Flash动画了,于是产生了疑问。面对学生的疑问,开始讲解“路径”的概念,什么是相对路径,什么是绝对路径。以为学生这时一定会很感兴趣地认真听讲,进行学习和理解,可是教学效果却并不如想象的美好。学生听的情绪不高,一堂课下来教师不仅累,而且失败感严重,学生并不知道什么是相对路径和绝对路径。

问题出在哪里?为什么学生对相对路径和绝对路径的概念难以理解?如何突破这一教学难点?

二、让学生自主探究,变被动学习为主动学习

当代认知心理学研究表明:学生学习的过程,从根本上讲是对知识的认知过程,在这一过程中,知识不是由教师向学生进行传递,而是由学生主动建构的。因此,在教学中要强调学生的积极参与和主动探究。

在幻灯片制作教学时,为什么“路径”的教学会失败,根本问题是教师以为学生有了问题就有了学习的动力,忽略了学生自主建构知识的重要性,教师“一言谈”,学生没有主动积极参与,没有自主探究,因而学生难以理解“相对路径”和“绝对路径”。

在学习“网页制作”时,又要用到“路径”的知识,这一次,笔者从自主探究,变学生被动学习为主动学习,对“路径”的教学进行了精心的设计。

1.自主学习,认识“路径”的3种表现形式

教师将下列资料放在服务器上,让学生通过自主学习,认识“路径”的3种表现形式。

资料一:

假设现有名为“D:mywebindex.htm”的文件,要在其中插入一个文件名为“bg.jpg”的图像,可用多种语法表示,如图1所示:

图1

在这张图中,以“D:mywebindex.htm”为出发点,共列出了3种相对路径表示法,包括下层、同层和同路径。在网页中插入图像基本采用以上3种路径。

资料二:

网站制作时,做好的网页在自己机器上可以正常浏览,而把页面传到服务器上就总是出现看不到图片,这种情况下多半是由于使用了错误的路径,在应该使用相对路径的地方使用了绝对路径,导致浏览器无法在指定的位置打开指定的文件。那么什么是相对路径,什么是绝对路径呢?

大家都知道,在我们平时使用计算机时要找到需要的文件就必须知道文件的位置,而表示文件的位置的方式就是路径,例如只要看到这个路径:D:/myweb/img/bg.jpg我们就知道bg.jpg文件是在D盘的myweb目录下的img子目录中。类似于这样完整的描述文件位置的路径就是绝对路径。我们不需要知道其他任何信息就可以根据绝对路径判断出文件的位置。

在网站的应用中,通常我们使用“/”来表示根目录,/img/bg.jpg就表示bg.jpg文件在这个网站的根目录上的img目录里。但是这样使用对于初学者来说是具有风险性的,因为要知道这里所指的根目录并不是你的网站的根目录,而是你的网站所在的服务器的根目录,因此当网站的根目录与服务器根目录不同时,就会发生错误。

什么是相对路径?

让我们先来分析一下为什么会发生图片不能正常显示的情况。举一个例子,现在有一个页面index.htm,在这个页面中联接有一张图片bg.jpg。他们的绝对路径如下:

D:/myweb/index.htm

D:/mywebsite/img/bg.jpg

如果使用绝对路径D:/myweb/img/bg.jpg,那么在自己的计算机上将一切正常,因为确实可以在指定的位置即D:/myweb/img/bg.jpg上找到bg.jpg文件,但是当你将页面上传到网站的时候就很可能会出错了,因为你的网站可能在服务器的C盘,可能在D盘,也可能在abc目录下,更可能在xyz目录下,那么,在index.htm文件中要使用什么样的路径来定位bg.jpg文件呢?应该是用相对路径,所谓相对路径,顾名思义就是自己相对于目标位置。在上例中index.htm中联接的bg.jpg可以使用img/bg.jpg来定位文件,那么不论将这些文件放到哪里,只要他们的相对关系没有变,就不会出错。

另外我们使用“../”来表示上一级目录,“../../”表示上上级的目录,以此类推。

60例膝关节损伤患者中,证实为韧带受损14例,占比为23.33%;关节腔积液19例,占比为31.67%;骨质改变8例,占比为13.33%;半月板受损19例,占比为31.67%。

再看个例子,D:/myweb/web/index.htm

D:/myweb/img/bg.jpg

在此例中index.htm中联接的bg.jpg应该怎样表示呢?

正确写法:使用../img/bg.jpg的相对路径来定位文件。

2.教师设置问题情景,引导学生探究学习

在学习HTML时,给定学案:在桌面的文件夹中存放着一张图片,在记事本中写HTML代码插入图片,并保存成网页放至电脑桌面。记事本中写入图片的代码是。学生一般会直接在引号里写入图片的文件名,而图片的位置在文件夹中。当文件保存为网页打开后所见只是一个叉叉,看不到图片。

这时学生会集体发问。

此时教师进行适当引导:将网页文件复制到图片所在的文件夹中,再打开网页则图片能正常显示出来。

可是如果网页和图片不在同一个位置呢?这时教师引导学生访问学习网站中“路径”的学习资料。

3.学习结果检测

为检验学习成果,教师对该部分内容进行检测。分别将网页和图片放至不同文件夹中,让学生在网页中用HTML正确表达图片的位置,然后打开网页,看图片是否能正确显示,如果不能正常显示图片,则修改其相对路径的表达至最终图片显示成功,以此来检测学习效果。达到教学目标。

检测路径示例:index.htm与bg.jpg所在文件夹位置如下所示,那么index.htm中联接的bg.jpg应该怎样表示呢?

①D:/myweb/web/index.htm

D:/myweb/img/bg.jpg

正确写法:使用../img/bg.jpg的相对路径来定位文件。

②D:/myweb/web/xyz/index.htm

D:/myweb/img/images/bg.jpg

正确写法:可以使用../../img/images/bg.jpg的相对路径来定位文件。

③D:/myweb/web/xyz/index.htm

D:/myweb/web/img/bg.jpg

正确写法:可以使用../img/bg.jpg的相对路径来定位文件。

这次关于“路径”的学习活动,十分成功,教师教得轻松,学生学的开心。通过自主探究学习一举突破了这一教学难点。

三、反思

在对“路径”的第一次改进教学中,教师虽然调动了学生的学习积极性,但教学方式仍是以教师为中心的模式,学生的情意发展被忽略,学习过程体验和学习方法几为空白。学生没有自主建构的空间,不能通过亲手操作体会“路径”的真实含义,因而教学效果欠佳。

在对“路径”的第二次改进教学中,教师采用自主探究的学习方式,变学生的被动学习为主动学习,培养了学生主动获取知识的能力和方法,教师由讲授者转化为指导者,这种角色的转变正是新课程的核心理念。

教师作为探究式课堂教学的导师,其任务是调动学生的积极性,促使他们自己去获取知识、发展能力,做到自己能发现问题、提出问题、分析问题、解决问题;与此同时,教师要为学生的学习设置探究的情境,建立探究的氛围,促进探究的开展,把握探究的深度,评价探究的成败。引导学生自主学习,掌握学习方法,才能使学生学习具有持续性,并能享受终身。

[1]中华人民共和国国务院.(2006).全民科学素质行动计划纲要(2006-2010-2020)[EB/OL].

[2]寇玉凤.“探究性学习”在高三化学教学中的应用[EB/OL].

2010-06-02

兰风雨,本科,中教一级。

猜你喜欢
文件夹网页动画
Clifford hits the big screen
做个动画给你看
基于HTML5与CSS3的网页设计技术研究
动画发展史
Fast Folders,让你的文件夹四通八达
我的动画梦
基于CSS的网页导航栏的设计
基于HTML5静态网页设计
摸清超标源头 大文件夹这样处理
调动右键 解决文件夹管理三大难题