世博小导游——“超级链接”教学案例.doc

《世博小导游——超级链接》教学案例 【课时安排】 1课时 【授课时间】：2010年4月 【授课对象】：高一【教材分析】： 本节课是《信息技术基础》（中国地图出版社）第四单元第二节 “网页中的基本元素” 中的内容，超链接作为网页中的基本元素，是网页设计中的一种常见的技术，任何网站都离不开超链接，能否正确建立超链接，关系到网页是否能正确被访问，超链接在网站中的作用十分重大，要求学生必须正确理解超链接的作用，知道超链接有哪些类型，并能根据需求在网页中合理运用学情分析】：高一的学生都有使用网络的经验，对网页中何处有超链接，超链接有什么样的效果并不陌生，但学习使用frontpage制作网页只是刚刚开始，仅仅掌握了在网页中加入文字和插入图片，对该软件并不是很熟悉，不过学生已经有了一定的计算机操作基础，同时这个年龄的学生也具有了较强的逻辑思维以及一定的自学和动手能力，对于学习本节课的内容应该是符合其认知规律的教学目标】： 1、 知识与技能：（1） 理解超链接的含义（2） 理解链接点和链接对象的含义，掌握常见超链接的创建方法3） 理解链接点是图片中的一部分即热点的含义及热点超链接的创建方法。

4）  掌握链接对象是网页中的某个特定位置即书签的作用及创建书签链接的方法5） 能够根据需要正确运用超链接于网页之中帮助学生树立统筹问题、解决问题的能力2、过程与方法：以完善世博网站设计参观线路为任务，探究学习如何将网站的所有网页通过超级链接的方法组织成一个互相联系、便于访问的整体，通过自主学习、交流探讨、探究实践的过程来实践、加深知识的理解和掌握 3、情感、态度、价值观：以世博为素材，培养学生关心时事，热爱祖国的思想情操，让学生充当小导游，完成整个网站的各种超链接的建立，培养学生用系统方法分析问题、解决问题的能力通过发现问题来寻找解决问题的方法，养成学生勤思考、爱钻研的习惯 【教学重点】： 1、链接点为文字、图片的超级链接的设置方法 2、链接对象为网页、因特网中的站点、电子邮箱的超级链接的设置方法 【教学难点】： 1、超级链接的链接点与链接对象的确立；2、热点超链接及书签超链接的理解与创建【教学准备】： 多媒体网络教室、网站素材(help文件夹中expo压缩文件)、超级链接学案 （help文件夹中）【教学过程】： 教师活动学生活动设计意图一、创设情景，直接引入课题：【提出任务】给同学展示“世博轴”、“中国国家馆”、“主题馆”、“世博中心”、“世博文化中心”、“展馆列表”网页，请各位同学充当小导游，设计参观这些展馆的线路。

要求参观者能够从“展馆列表”页面顺利进入各展馆页面问题】同学们，你们准备让观众从“展馆列表”页面怎么进入各展馆呢？【小结】通过点击左侧的展馆名称进入到对应展馆的页面，我们将这种技术称为超链接今天我们就来一起探讨有关超链接技术的相关知识回答：点击展馆名称进入对应展馆页面、 超链接……所展示的网页都是独立的，不能相互访问，让学生发现网页中需要超链接引出本课内容二、新课教学【问题】超链接的目的是什么？通过超链接能够把一张张独立的网页有规划地链接起来，形成一个独立的有机整体【问题】什么是超链接？是指从一个链接点指向链接对象的连接关系归纳】从定义中可以看出超级链接有两个重要的元素——链接点和链接对象（板书）【练习】下列网页中的超链接，哪儿是链接点，链接对象是什么【小结】链接点的类型？（板书）“文字 图片”链接对象的类型？（板书）“本地网页 其他网站 e-mail”1、 常见的超链接创建1、确立链接点和链接对象演示具体操作打开素材中的“index.html”，以建立进入到“世博轴”页面的超链接为例演示设置超链接的步骤【问题】链接点是什么？链接对象是什么2、 创建方法选中链接点，右击，选择“建立超链接”，在弹出的“创建超链接”对话框中设置链接对象。

介绍常见类型的超链接如何选择链接点，链接对象的设置方法2、换个思路观众如果希望能从“index.html”页面中的平面图直接进入到各展馆，你能帮他实现吗？能，请你来演示不能，链接点有困难还是链接对象有困难？【分析】链接点——部分图片（板书）如何选择？介绍设置图片热点的方法3、优化部分网页同学们请看一下中国国家馆页面，内容比较丰富，页面也很长，页面右侧还有该页面的目录，如果能够通过点击目录列表能直接阅读到对应的内容，是不是阅读起来更方便，我们能做到吗？你的困难在哪里呢？【分析】链接对象不再是一个独立的文件，而是网页中的一个特定的位置，怎么办呢？以书签作为链接对象链接对象：书签（板书）介绍书签式超链接【演示】如何插入书签文字 图片……本地网页 其他网站 e-mail……文字“世博轴”Shibozhou.html网页完成任务一（完成的同学可以进入到任务二）链接点不知如何选择完成任务二（完成的同学可以进入到任务三）不知该如何设置链接对象完成任务三通过练习，让学生明确、加深链接点和链接对象的概念我将链接点是文字、整幅图片，链接对象是本地网页、因特网中的站点、邮箱的超链接归纳为常见类型的超链接链接点发生了变化而链接对象就是上述类型的超链接的创建链接对象发生了变化，链接点是上述类型的超链接的建立三、展示与评价：转播学生作品检查超链接是否正确。

学生回答： 四、教师小结：本节课我们学习了网页设计中的一种十分重要的技术——超链接，建立超链接的核心就是选择链接点和设置链接对象，通过建立世博主要展馆的超链接，请同学们检查一下你学会了哪些知识，最后填写目标反馈表，便于老师进一步了解大家的学习情况任务描述】： 任务一1、启动frontpage ,打开位于d:盘expo文件夹下展馆列表网页(index.html),要求对左侧文字列表展馆名称建立超链接，链接到对应的展馆网页上；打开展馆页面，在该页面中选择适当的位置建立超链接，链接到展馆列表网页(index.html)2、在展馆列表网页（index.html）中设置一意见箱，用于接收观众的意见和建议，邮箱地址为你的邮箱，如果没有，使用公共邮箱tellme@3、将“网上世博”图片链接到该网站上，网址；任务二打开展馆列表页面（index.html），下方的平面图中五大展位的位置和分布清晰可见，请你建立这样的超链接，点击图中的某个展馆，就能进入到该展馆网页任务三优化china.html(中国国家馆)，对页面右侧目录下方的文字“概况”、“展馆外观” “展示内容”、“亮点”、“展馆风采”建立超链接，链接到页面下方的对应内容处，对“返回顶部”建立超链接，链接到页面的顶部【教学反思】：一、教学设计的反思 在设计这节课的时候，我注重体现以下几个思想：1、以确立链接点和链接对象作为建立超链接的灵魂。

对于超链接学生比较难以理解和掌握的内容是图像热点链接和书签式链接，为了解决这一难点，我将建立超链接的重点转移到确立链接点和链接对象上，当学生真正理解并能够正确找到链接点和链接对象后，图像热点链接和书签式链接只是另一种类型的链接点和链接对象，这样难点就迎刃而解了2、运用由基础到特殊的方法组织教学内容，培养学生的探究能力先重点介绍常见的链接点和链接对象的超链接，学生掌握理解并能顺利完成以后，再介绍特殊的链接点和链接对象的选中和设置方法，链接点由整幅图片，变为图片的一部分，链接对象由一个文件、网站或EMAIIL邮箱变为网页中的某个位置，遇到这样的问题我们该怎么办呢？这样层层深入地引导学生接受新知识，完成学习任务3、以“任务驱动法”为主，将“自主学习，合作探究”的思想渗透在整个教学过程中坚持精讲多练的原则，教是为了学生的学，学生变被动学习为主动愉快的学习，把课堂真正地还给了学生，让学生自始自终充分自主的学习二、教学过程的反思1、注重教学任务的完整性本节课以完成世博网站为中心任务，设计教学任务时，将所有类型的超链接都涵盖在本网站中了，并且每种类型的超链接都有几次巩固练习的机会学生在完善网站的过程中会不断地发现问题，如热点链接的热点如何选定，书签式链接的链接对象如何标注等，为了解决这些问题从而获取新的知识与技能，当学生将整个网站所需的超链接全部完成之后，各种类型的超链接创建方法也已经掌握了2、注重教学过程的连贯性。

整个教学过程分三个部分，第一部分是常见类型的超链接创建，内容包含链接点是文字、整幅图片，链接对象是文件、E-MAIL邮箱和因特网上的其它网站，这部分内容是本节课的重点和基础，以较多的时间和精力来讲解和练习基础部分掌握后，再进行提高和拓展性学习学生在完成网站的过程中，遇到通过点击图片中的某个展馆进入对应的展馆页面时，就会发现此处的链接点不是一幅图片而是图片一部分，用常见超链接创建方法无法解决，自然地引出热点超链接，介绍热点链接的创建方法当完成中国馆页面的超链接时，学生很容易发现链接对象不是前面见到的某个文件、网站和邮箱，而是网页中的某个位置，由此引出书签式超链接这样使得整个教学过程显得较为流畅，过渡自然，符合学生的思维规律。