下载文档原格式
网页超链接教学设计《网页超链接》教学设计授课教师:劳立颖授课时间:2009-10-21 授课班级:高一(10)班一(教材、学情分析:网站制作已经进行了一个月,学生已经建立好了网站文件夹,基本建立了主页,子栏目的第一栏也已经用表格设计好了框架.学生掌握了用FTP将网站上传到服务器,能通过“作品展示”看到自己的主页～但由于没有建立超链接～子层的页面无法看到。
这节课就是想通过学习超链接的设置～使没有联系的网页相互间建立关联。
二(教学目标:1、掌握利用文字、图片设置超链接的方法,2、学会使用交互式按钮制作超链接的方法,3、了解“资料下载”、“与我联系”、“友情链接”等设置方法与网页间链接设置的差别,4、在自己的网站中熟练使用各种超链接方法～发挥想像力～为自己的网站添加创意、增添魅力。
三(教学重点难点:重点:掌握利用文字、图片、按钮设置超链接的方法难点:其他几种链接方式四(教学方法与手段:教师讲授、演示,学生实践、思考、尝试、回答五(教学过程设计:环节教师活动学生活动设计意图1( 大屏幕展示，提示学生做好准备工作 1(签到给学生时间做准2( FTP登录好准备工作，备过3(下载到E盘便于后面新课程 4(整理及修改网站。
的开展。
1( 示09级学生作品中几件精美的学生主页学生欣赏让学生了解超2( 提示:网站主页一般可放标题、简介、栏目按链接的作用导钮，所以主页更像是目录入:3( 上节课大家都制作了第一个栏目的页面，但上创次估计大多数同学只看到了主页，栏目1并没立情有看到，为什么, 学生回答境 4( 今天就让大家把主页与后面栏目的页面连起来，让我们的页面产生关联。
1( 演示设置文字、图片超链接学生观看演示让学生掌握常选中文字或图片---右击---设置“超链接”---点规超链接方法实践:击目标页面---设置“目标框架”---确定设2(设置交互式按钮: 让学生了解FP置超目标位置定位---“插入”菜单---“交互式按钮”提供的按钮方---做好相应设置---确定---可利用IE保存图片式3(利用IE浏览器观察设置效果链接巡视学生操作，帮助有困难的学生学生操作任务1( 提出思考:如主页中有友情链接、资料下载、学生思考并尝试让学生尝试其思与我联系，如何链接到相关对象上,分批思考他的链接对象考2( 请学生回答思考问题，教师操作并演示学生观看演示，判与提“友情链接”必须写全网址，如断自己的处理是否高正确巡视学生制作学生掌握超链接方让学生自由发创作法后，自己对网站挥，制作自己时间进行创作的网站超链接是网页三大要素之一，也是网页的一大特学生倾听并思考自色，链接的方法有很多种，有文字、有图片、有己的链接处理方式总按钮等，链接的特殊效果也比较多样，所以如何结进行链接应从如何体现网站特色及如何让观众浏览方便两方面着想。
最新整理高中信息技术教案创建超链接课题：第七节创建超链接教学目标：1．理解超链接的概念，了解链接的种类。
2．学会规划网站的各个链接，并正确完成。
3．掌握创建超链接的方法。
教学手段：多媒体电子网络教学过程：在上一章的学习中，我们熟悉了Internet，那么因特网上若干个网站是如何联系到一起的？（引入超链接的概念，并复习超链接的特性）[板书]第七节创建超链接一、链接的概念和种类创建了WEB站点后，需要在页面间建立超链接才能把单个的页面有机联系起来。
根据需要，可以通过书签链接到本页的特定位置或链接到其它页面，也可以通过创建图像映射建立链接，使WEB保持动态的特性和不断更新的特性。
链接是网页制作中的重要技术，也是能够流行的主要原因。
根据链接对象的不同性质，可以将链接分为四种：1．同一页面内部的链接2．不同页面之间的链接3．链接到WEB页4．建立图像映射。
这些链接是如何建立的呢？[板书]二、建立超链接超链接可以定义在文字中，也可以定义在图片上，甚至是图片中的局部位置上。
无论建立何种链接，都要先选定文字或图形作为链接源，然后单击常用工具栏“超链接”按钮，打开“创建超链接”对话框，再进行相应设置即可。
1．在同一页面建立链接。
[演示例1]打开huanbao网站中的questions.htm网页，对其中的“返回页首”图形建立链接，链接到同页页首。
在“预览”状态下，单击“返回页首”图形，让学生观察链接的结果。
[提问]如果直接链接到同一页，链接的目标位置在哪儿？（页首）[提问]如果网页较长，想链接到网页中间的某一特定位置，应该如何操作呢？引导回答：必须将这些特定位置标记出来，引入书签的概念。
一般情况下，如果页面较长，需要通过滚动条的移动进行顺序浏览。
有时只需阅读网页中的某一段文本，通过滚动条则显得很不方便，这时，为了便于浏览和管理，可以在页面中加入书签，将几个希望跳转到的特定位置标志出来（通常与网页中的小标题一致），这样，访问者单击页面顶端的标题，即可将其所链接的书签所在位置的文本显示在屏幕上。
教课方案优选：高中信息技术《网页制作的“超链接”》教课方案教课方案优选：高中信息技术《网页制作的“超链接”》教课方案教课方案优选：高中信息技术《网页制作的“超链接”》教学设计整体设计思路：*导言* 学习目标*提示* 学习资源* 随堂练习* 评论* 拓展与思虑* 教课反省导先期，我们学习了上网的有关内容，此刻为止，我们所制作的网页都是孤立存在的，还没有形成一张互相联系的网，因为我们没实用到“超链接”的功能，今日我们就一同来学习怎样经过“超链接”让我们的网页奇特起来。
那什么是“超链接”呢？言我们在阅读网页时，常常会发现当鼠标指针挪动到某些文字或图片刻，它就会变为一只“手”，这时单击鼠标就能够翻开另一网页了或转到另一个地点。
这就是我们将要讲述的网页”超链接”方式。
没有链接就没有网的生命力，正是因为有了”超链接”，因特网才会变得这样奇特，这样富裕魅力！下边，我和同学们一同来感觉“超链接”的美好！学知识和技术：进一步认识网络，能经过登录网站独立收1 / 6教课方案优选：高中信息技术《网页制作的“超链接”》教课方案发邮件；掌握网上注册电子信箱的往常步骤，能够对知识概括、总结。
说明：本节课要求同学们能够娴熟的使用各样形式的“超链接”，最后制作一个操作方便、适用、雅观的网页。
习过程和方法：能读懂软件的操作指导；经过疑问——察看——试试——交流——总结来提升学生自主学习、合作学习的能力，逐渐形成优秀的学习习惯和学习方法。
目感情态度和价值观：要培育学生乐用、善用网络资源；激励学生踊跃思虑、主动研究、勤于着手、勇于创新的意识；增强学生网络安全意识，养成文明上网的美德。
教课内容：标从文字（或图片）链接到另一个网页文件。
从文字（或图片）链接到某个网站地点。
从文字（或图片）实现网页内部的链接——“书签”。
学习要点：各样不一样形式的超链接的实现方法。
学习难点：书签学习“超链接”时，先要弄清楚几个基本的观点。
提 1、链接源：本网页中已经存在的元素，能够是文字、图片等多种对象形式。
教案精选：高中信息技术《网页制作的“超链接”》教学设计教案精选：高中信息技术《网页制作的“超链接”》教学设计整体设计思路：*导言*学习目标*提示*学习资源*随堂练习*评价*拓展与思考*教学反思导前期，我们学习了上网的相关内容，现在为止，我们所制作的网页都是孤立存在的，还没有形成一张相互联系的网，因为我们没有用到“超链接”的功能，今天我们就一起来学习如何通过“超链接”让我们的网页神奇起来。
那什么是“超链接”呢？言我们在浏览网页时，经常会发现当鼠标指针移动到某些文字或图片时，它就会变成一只“手”，这时单击鼠标就可以打开另一网页了或转到另一个位置。
这就是我们将要讲述的网页”超链接”方式。
没有链接就没有web网的生命力，正是由于有了”超链接”，因特网才会变得如此神奇，如此富有魅力！下面，我和同学们一起来感受“超链接”的美妙！学知识和技能：进一步了解网络，能通过登录网站独立收发邮件；掌握网上注册电子信箱的通常步骤，能够对知识归纳、总结。
说明：本节课要求同学们能够熟练的使用各种形式的“超链接”，最终制作一个操作方便、实用、美观的网页。
习过程和方法：能读懂软件的操作指导；通过疑问——观察——尝试——交流——总结来提高学生自主学习、合作学习的能力，逐步形成良好的学习习惯和学习方法。
目情感态度和价值观：要培养学生乐用、善用网络资源；激励学生积极思考、主动探究、勤于动手、勇于创新的意识；增强学生网络安全意识，养成文明上网的美德。
教学内容：标从文字（或图片）链接到另一个网页文件。
从文字（或图片）链接到某个网站地址。
从文字（或图片）实现网页内部的链接——“书签”。
学习重点：各种不同形式的超链接的实现方法。
学习难点：书签学习“超链接”时，先要弄清楚几个基本的概念。
提1、链接源：本网页中已经存在的元素，可以是文字、图片等多种对象形式。
2、链接目标：可以是另外一个网页、一个网站地址、电子邮件地址、本网页的其他位置或一个普通的文件、一幅图片、一段动画等等。
网页设计与制作超链接教案设计
教学环节
教学过程设计意图教师活动学生活动时间
一、回顾知识，导入新课教师带领学生回
顾上节课所学内
容，引入新课内
容。
跟随老师进行知
识回顾。
回答老师
提问。
2min 巩固上节课所学
知识，讲学生带
入课堂氛围中。
教师PPT展示超
链接的基本语法
并进行说明。
绝对地址与相对
地址。
上级目录及上上
级目录。
认真听讲。
3’30
’’
仔细讲述内容，
让学生了解掌握
内容、
教师解释锚链接。
打开
Dreamweaver
演示通过锚链接
实现同页跳转。
认真观看屏幕的
操作演示。
5’50
’’
在软件中操作演
示让学生更加直
观的感受锚链接
的效果。
《网页的超链接》教学设计教材分析教材分析睛的作用。
在前面几节课的学习中睛的作用。
在前面几节课的学习中,,学员已根据学校网站的素材建立了多个子网页立了多个子网页,,但这些网页内部的目录和正文、网页之间都是相对独立的对独立的,,还没有形成有机的整体。
建立超链接能让各个独立的网页形成一个有机的整体页形成一个有机的整体,,同时将本网站链接到其他的网站同时将本网站链接到其他的网站,,这样可以获取更多的信息。
所以超链接这部分内容以获取更多的信息。
所以超链接这部分内容,,是网页制作中的重点。
: : ⒈了解超链接的基本概念⒈了解超链接的基本概念⒈了解超链接的基本概念;2.;2.;2.掌握同一站点内网掌握同一站点内网页间超链接的制作页间超链接的制作;;⒊掌握与站点外的内容建立超链接的方法⒊掌握与站点外的内容建立超链接的方法;;⒋掌握同一页面中超链接的制作方法。
掌握同一页面中超链接的制作方法。
: 1.: 1.通过设置超链接的操作通过设置超链接的操作通过设置超链接的操作,,学员掌握网页中超链接的制作方法接的制作方法;2.;2.;2.总结操作规律总结操作规律总结操作规律,,培养学员自主学习和探究学习的能力。
能力。
:1.:1.设置超链接将独立的网页串成一个有设置超链接将独立的网页串成一个有机整体机整体,,使学员感受成功的喜悦使学员感受成功的喜悦;2.;2.;2.在动手制作的过程中体会作品在动手制作的过程中体会作品的内在美的内在美,,给学员以美的熏陶。
给学员以美的熏陶。
:超链接、链接载体、链接目标的含义。
超链接、链接载体、链接目标的含义。
:书签的链接及对应链接位置的设定。
书签的链接及对应链接位置的设定。
:学员都能独立的完成单个网页的制作学员都能独立的完成单个网页的制作,,所以对frontpage 的操作界面已很熟悉的操作界面已很熟悉;;同时在建网站时有过规划同时在建网站时有过规划,,学员对站点内页面的关系有所了解站点内页面的关系有所了解;;在powerpoint 学习中学员已学习过超链接。
第十四课网站的生命——超级链接制作教材分析本节内容是对网页制作的最后补充完整，最终形成具有生命的网页。
本节共设计两个内容，各网页之间进行超级链接；检查超级链接是否正确。
学情分析经过前面的学习，学生已经对网页有了充分的认识和了解，能够制作简单的网页，并能够在网页中插入图片、表格、图形等元素，并且能够设置滚动的字幕等效果。
经过上两节课的学习，使得学生对设置网页的超链接有浓厚的兴趣。
学习目标1、知识与技能：学习在FrontPage中设置超级链接的方法。
2、过程与方法：任务驱动，使学生在课本的指导下，探究学习如何将网站的所有网页通过超级链接的方法组织成一个互相联系、便于访问的整体，通过自主学习、交流探讨、测试链接的过程来实现知识技能的掌握。
3、情感、态度、价值观：培养学生用系统方法分析问题、解决问题，提升其创造能力，在小组协作学习中，培养学生的团队精神。
学习重点1、根据规划，创建各网页间的链接、为互联网资源创建超级链接、为电子邮箱创建超级链接。
2、利用“超级链接”视图检查超级链接的。
学习难点为各类网页元素（文字、图片）插入超级链接；教学准备多媒体网络教室、学生网站半成品学习过程学生活动教师活动一、回忆旧知1、怎样在空白网页中插入文字、图片2、学生演示二、创设情景，引入课题：教师出示一个网页封面，上面有“自然资源”、“旅游资源”、“文化艺术”等进入子网页提示性的文字（没有设置超级链接），请一位同学点击，并让同学们分析为不能进入子网页的原因。
打开另一个事先准备好的具有超链接的网站，请另一位同学点击，并引导学生思考超链接的组织回忆空白网页的建立。
教师引入：由于这个封面没有添加超级链接，所以我们无法看到网站的其它页面。
超级链接时是网站的生命，有了它，不但可以方便地浏览本网站的网页，甚至还可以通过超级链概念。
从而导入新课。
二、任务学习，新课讲授（一）在首页中制作超链接。
1、学生打开Frontpage，找到并打开上节课制作的“我的家乡——洮南”网站首页。
诚西郊市崇武区沿街学校广西高一信息技术Frontpage2000超链接教案第五节Frontpage2000超链接课题：参加超链接教学目的：1。
掌握参加超链接的各种方法2．掌握超链接的几种形式。
教学重点：如何插入超链接一、导入：翻开自己的站点：例e:\gy8。
里面有二个网页文件index.htm和ty.htm，这两个网页虽在同一个站点内，但互相独立，如何将它们连成一个整体？超链接！实现internet四海一家的理念。
如何建立超链接？二、新授1．用文字作超链接任务一、翻开文件夹中的“wy15.ht m〞文件:(1)在第4行第1列单元格的“活宇印刷〞文字上建立超级链接，链接到文件夹中的page.htm网页文件上。
〔2〕用“造纸〞作超链接文字，作一个指向文件〞ZAOZ.JPG〞的超链接。
2．以图片作超链接。
任务二、翻开文件夹中的“wy15.htm〞文件，再按照下面要求编辑:(1)将右边上单元格拆分成4列的单元格、将边框的粗细设置为0:(2)在新拆分出的4个单元格中从左到右依次分别插入文件夹中的1.jpg、2.jpg、3.jpg、4.jpg图形文件；(3)将文件夹中的history.mid文件设置为网页的背景音乐，并一直循环播放。
(4〕在 4.jpg图片上设置超链接，链接到文件夹中的“zaoz.jpg〞图形文件。
在2.jpg图片上设置超链接，链接到sdfming@126电子信箱。
(5)将右边下单元格插入文件夹中的“zaozi.txt〞文件中的文字段，设置文字：各自然段首行缩进2个字符、楷体_GB2312、4号字〔14磅〕；(6)在第一张图片上建立长方形、椭圆、多边形热点，分别连接到163、wy20.htm、fc@sohu.目的框架为“新建窗口〞.3．书签式超链接任务三、翻开文件夹中名为“test3.htm〞的文件，进展如下编辑：〔1〕在正文小标题前建立书签，并创立超链接，使阅读者单击页面上部的“计算机病毒发作前的表现现象〞、“计算机病毒发作时的表现现象〞、“计算机病毒发作后的表现现象〞标题，可迅速定位到页面正文的相关内容。
高一信息技术教学设计案例——网站和网页【知识点的相互衔接】与初中“网页制作”部分和高中“网页的设计和制作”模块衔接【本课教学法提点】小组合作探究学习1.模块：高中信息技术基础2.年级：高中一年级3.所用教材版本：教育科学出版社4.建议学时数：非上机时间20 分钟，上机操作时间25 分钟[案例背景]在信息社会，将会有越来越多各种各样的资源以网页的形式保存在因特网上的服务器中，人们也更为主动地利用因特网，在让每一位上网的人都享受着网页方式信息的便利的同时，也需要更多的信息提供者能以网页的方式直接发布各种信息。
因此，较熟练地掌握一些网页设计与制作的技能，是时代对于广大高中学生的基本要求，每位同学应该认真学习，通过练习切实掌握网页的设计与制作方法。
通过在信息技术教学中的大量实践，特别是针对高中学生的特点，我发现在网络教学环境中结合多种学生喜欢的学习方式进行学习，更适宜有效地培养学生的信息素质、创新精神和实践能力。
本章节是课本第六章第一节，通过前五章的学习，学生的信息素养有了较大的提高，利用信息技术解决实际问题的操作技能有了长足的进步，虽然多数学生在初中没有制作过完整意义上的网页和网站，但对于本章的知识和技能而言，基本不存在“零起点”影响学生的问题。
[教学设计]（一）、教学目标：1.知识目标：理解网页的作用，掌握网页元素和网页构件的使用，学会使用常用的网页制作工具。
2.能力目标：通过网页作品的欣赏培养学生搜索、下载、处理和应用信息的能力，培养学生对信息技术的实践应用能力、协作能力和创新能力。
通过本课的学习可以培养学生的辩证思维和发散思维的能力、逻辑思维能力及语言表达能力。
3．德育目标：培养学生独立思考、自主学习、合作讨论的能力，通过自己探究问题，进一步树立学生学习信息技术的自信，提高学生学习网页制作的兴趣。
（二）．内容分析1.教材分析：信息技术基础模块，能够根据任务需求，选择恰当的工具分析网页。
在本章中，通过对一些网页的分析，让学生了解构成网页的各种要素，并了解万维网的基本架构，理解网页的作用。
教案精选：高中信息技术《网页制作的“超
链接”》教学设计
教案精选：高中信息技术《网页制作的“超链接”》教学设计
整体设计思路：*导言*学习目标*提示*学习资源*随堂练习*评价*拓展与思考*教学反思
导前期，我们学习了上网的相关内容，现在为止，我们所制作的网页都是孤立存在的，还没有形成一张相互联系的网，因为我们没有用到“超链接”的功能，今天我们就一起来学习如何通过“超链接”让我们的网页神奇起来。
那什么是“超链接”呢？
言我们在浏览网页时，经常会发现当鼠标指针移动到某些文字或图片时，它就会变成一只“手”，这时单击鼠标就可以打开另一网页了或转到另一个位置。
这就是我们将要讲述的网页”超链接”方式。
没有链接就没有web网的生命力，正是由于有了”超链接”，因特网才会变得如此神奇，如此富有魅力！
下面，我和同学们一起来感受“超链接”的美妙！
学
知识和技能：进一步了解网络，能通过登录网站独立收
发邮件；掌握网上注册电子信箱的通常步骤，能够对知识归纳、总结。
说明：本节课要求同学们能够熟练的使用各种形式的“超链接”，最终制作一个操作方便、实用、美观的网页。
习过程和方法：能读懂软件的操作指导；通过疑问——观察——尝试——交流——总结来提高学生自主学习、合作学习的能力，逐步形成良好的学习习惯和学习方法。
目情感态度和价值观：要培养学生乐用、善用网络资源；激励学生积极思考、主动探究、勤于动手、勇于创新的意识；增强学生网络安全意识，养成文明上网的美德。
教学内容：
标从文字（或图片）链接到另一个网页文件。
从文字（或图片）链接到某个网站地址。
从文字（或图片）实现网页内部的链接——“书签”。
学习重点：各种不同形式的超链接的实现方法。
学习难点：书签
学习“超链接”时，先要弄清楚几个基本的概念。
提1、链接源：本网页中已经存在的元素，可以是文字、图片等多种对象形式。
2、链接目标：可以是另外一个网页、一个网站地址、电子邮件地址、本网页的其他位置或一个普通的文件、一幅图片、一段动画等等。
示3、书签：实际上是网页内部的超链接。
一般是当
网页的内容较多时，我们无法看到所有的内容，若拖动滑动条看又比较麻烦，由此我们可以将网页中的一些关键词与网页中相应的具体信息链接起来，从而通过这些关键词就可跳转到与其相链接的部分，这就是书签。
本地资源：
学一.参照课本76页:第5课网页的链接
二.教师提供资源
习1、从文字（或图片）链接到另一个网页文件。
（阅读材料：如何从文字（或图片）链接到另一个网页文件）
2、从文字（或图片）链接到某个网站地址。
（阅读材料：如何从文字（或图片）链接到某个网站地址）
资3、从文字（或图片）链接到电子邮件地址。
（阅读材料：如何从文字（或图片）链接到电子邮件地址）
4、从文字（或图片）实现在网页内的链接——“书签”。
（阅读材料：书签的创建步骤）
源网络资源：
注意:在前面我们已经学习了如何搜索自己需要的素材，所以鼓励大家从因特网上获得更多更切合自己情况的帮助。
这里向大家提供几个常用的搜索引擎。
1、
2、
3、
第一步：启动frontpage2000。
随第二步：登录资源站点:”“
第三步: 下载”超链接练习站点”
第四步：请同学们借助老师提供的学习资源自学各种形式“超链接”的创建，并完成以下基本的练习。
（可相互讨论、相互借鉴、相互交流，最后请同学演示操作过程）堂练习要求如下：（首先从frontpage2000打开站点“超链接练习”,并打开它的主页：index.htm）
1、为“我喜爱的精彩文章”中的“寂静之声”建立超链接到“寂静之声.htm”
2、为“我喜爱的网站”中的第一个站点建立超链接,链接地址为:。
练3、为标题“联系我哟”建立电子邮件超链接，链接地址为你自己的e_mail。
4、为主页中的标题“ 我喜爱的网站”建立书签与相应的内容链接。
思考: 1、能不能从文字或图片链接到一个word文件、一幅图片或一个动画，一段声音呢？
习2、如何从书签的位置跳回到页首位置？即实现页面的来回切换？
提高练习:有能力的同学建立一个比较完整的网站作为随堂作业。
网站的主题可以从以下任选：
1）展现自我风采的个人网站2）班级或母校网站
随3）描述友情、亲情等的网站4）介绍自己参与的研究性学习的网站
5）体育、音乐等专题的网站6）可根据自身情况自定主题
另有要求如下：
堂1、建立一个包含至少2个网页的站点，并要实现网页之间的超链接。
2、网页内要有文字或图片正确链接到网站地址。
3、网页要包含电子邮件的超链接。
练4、网页内要使用书签，并要实现页面的上下切换。
5、总体来说，制作的网页应该美观大方、操作方便、实用。
学习范例：
习1、xx同学创建的青岛五十八中环保网：
2、高二xx班主页：
3、高一xx班主页：
第五步：相互交流，演示部分同学的成果。
评价本节课我们学习了各种超链接的使用方法，通过本节课的学习你应该能够使自己的网页更加神奇、美妙！
1, 5, 62, 42, 1, 210, 66, 1 bitmap
现有一幅中国地图,要求实现将每一个省份都链接到各省具体的地形图(即电子地图的实现)，该怎么办？
知
识
拓
展
教学1、基于网络环境下的教学，虽有极大的学习空间，但教师要加强课堂调控，充分利用资源，完成学习任务，以兴趣任务引导学生进入学习情境，才不失为一个好的手段；
反思2、通过邮件和学生沟通，不但增进了师生之间的情感交流，而且也激发了学生的学习兴趣；
3、学生的创造力是无穷的，师生不断互学互进，不断总结，才会实现师生的共同进步。
