教案精选：高中信息技术《网页制作的“超链接”》教学设计
网页超链接教学设计
网页超链接教学设计《网页超链接》教学设计授课教师:劳立颖授课时间: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( 请学生回答思考问题，教师操作并演示学生观看演示，判与提“友情链接”必须写全网址，如断自己的处理是否高正确巡视学生制作学生掌握超链接方让学生自由发创作法后，自己对网站挥，制作自己时间进行创作的网站超链接是网页三大要素之一，也是网页的一大特学生倾听并思考自色，链接的方法有很多种，有文字、有图片、有己的链接处理方式总按钮等，链接的特殊效果也比较多样，所以如何结进行链接应从如何体现网站特色及如何让观众浏览方便两方面着想。
最新整理高中信息技术创建超链接.docx
最新整理高中信息技术教案创建超链接课题：第七节创建超链接教学目标：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 学习中学员已学习过超链接。
网页中的超链接 教案
在教师演示结束之后，教师设置一个在网页中建立超链接的任务，学生通过在教师指导、学生相互探究下完成该任务，能够掌握网页中建立超链接的知识技能，并能熟练运用该项技能。
情境法：
教师首先通过展示前几节课所做的无超链接的网页和建立有超链接的网页比较，，让学生主动探索自己的网页和网站的不同，从而导入新课。通过学生相互间讨论、师生讨论的方式使学生掌握相关知识。
导入新课
2分钟
1、创设情景，导入新课。
教师打开一些没有使用超链接的网页，每次要看的网页都要重新打开。
提问同学们：这样的网页看起来是不是非常凌乱而且不方便，那么如何让网站使用起来整洁而有序呢？
多媒体画面广播
分析任务
2分钟
2、提出任务，分析任务
教师展示与刚才同样的网页，唯一不同的是已经做好了超链接。让同学们讨论分析两次打开网页的不同，试着说出要做到这样需要用到什么知识。
知识与技能目标：
1、掌握创建文本超链接、图像超链接、锚点超链接的方法；
2、知道常见的网站链接结构有哪些，各自的优缺点是什么；
3、会根据需要设计网站的链接结构；
过程与方法目标：
1、通过任务的实战演练，体验实现超链接的方法
2、通过学习网页中的超链接，学会将知识与方法迁移到其他软件中。
情感、态度与价值观目标：
教师：本节课的任务就是把这几个网页通过超链接连接起来，接下来我就教大家几个超链接的方法。
多媒体画面广播
演示
4分钟
3、演示两个超链接方法：
文本超链接以及图像超链接，并且提出问题供学生解决
多媒体画面广播
学生练习
5分钟
4、练习所学的超链接方法并思考解决问题
演示
4分钟
5、演示锚点超链接方法，并且提出问题供学生解决。
《网站的生命—超链接制作》参考教案
第十四课网站的生命——超级链接制作教材分析本节内容是对网页制作的最后补充完整，最终形成具有生命的网页。
本节共设计两个内容，各网页之间进行超级链接；检查超级链接是否正确。
学情分析经过前面的学习，学生已经对网页有了充分的认识和了解，能够制作简单的网页，并能够在网页中插入图片、表格、图形等元素，并且能够设置滚动的字幕等效果。
经过上两节课的学习，使得学生对设置网页的超链接有浓厚的兴趣。
学习目标1、知识与技能：学习在FrontPage中设置超级链接的方法。
2、过程与方法：任务驱动，使学生在课本的指导下，探究学习如何将网站的所有网页通过超级链接的方法组织成一个互相联系、便于访问的整体，通过自主学习、交流探讨、测试链接的过程来实现知识技能的掌握。
3、情感、态度、价值观：培养学生用系统方法分析问题、解决问题，提升其创造能力，在小组协作学习中，培养学生的团队精神。
学习重点1、根据规划，创建各网页间的链接、为互联网资源创建超级链接、为电子邮箱创建超级链接。
2、利用“超级链接”视图检查超级链接的。
学习难点为各类网页元素（文字、图片）插入超级链接；教学准备多媒体网络教室、学生网站半成品学习过程学生活动教师活动一、回忆旧知1、怎样在空白网页中插入文字、图片2、学生演示二、创设情景，引入课题：教师出示一个网页封面，上面有“自然资源”、“旅游资源”、“文化艺术”等进入子网页提示性的文字（没有设置超级链接），请一位同学点击，并让同学们分析为不能进入子网页的原因。
打开另一个事先准备好的具有超链接的网站，请另一位同学点击，并引导学生思考超链接的组织回忆空白网页的建立。
教师引入：由于这个封面没有添加超级链接，所以我们无法看到网站的其它页面。
超级链接时是网站的生命，有了它，不但可以方便地浏览本网站的网页，甚至还可以通过超级链概念。
从而导入新课。
二、任务学习，新课讲授（一）在首页中制作超链接。
1、学生打开Frontpage，找到并打开上节课制作的“我的家乡——洮南”网站首页。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
教案精选：高中信息技术《网页制作的“超
链接”》教学设计
教案精选：高中信息技术《网页制作的“超链接”》教学设计
整体设计思路：*导言*学习目标*提示*学习资源*随堂练习*评价*拓展与思考*教学反思
导前期，我们学习了上网的相关内容，现在为止，我们所制作的网页都是孤立存在的，还没有形成一张相互联系的网，因为我们没有用到“超链接”的功能，今天我们就一起来学习如何通过“超链接”让我们的网页神奇起来。
那什么是“超链接”呢？
言我们在浏览网页时，经常会发现当鼠标指针移动到某些文字或图片时，它就会变成一只“手”，这时单击鼠标就可以打开另一网页了或转到另一个位置。
这就是我们将要讲述的网页”超链接”方式。
没有链接就没有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、学生的创造力是无穷的，师生不断互学互进，不断总结，才会实现师生的共同进步。