第18课 建立超链接 教学设计
建立超链接教学设计
建立超链接教学设计学习目标：1、了解超链接的基本概念；2、掌握同一站点内不同网页间及不同对象上的超链接的制作方法；3、掌握同一页面中超链接的制作方法；4、掌握不同站点间超链接的制作方法及E-mail链接的制作方法。
学习重点：超链接制作方法学习难点：根据需要选择适当超链接类型学习方法：任务驱动法、讨论法、自主探究法课时安排：1课时课前准备：将本节所需材料放到教师机高二学生共享文件夹中教学过程：一、导入新课我们在浏览网页时，都会发现当鼠标移动到网页上的某些地方时，鼠标指针就会变成手形。
对准单击时，还可以看到网页跳转到了其他网页上或者是网站上了。
这是为什么呢？这就是“超链接”发挥了作用。
正是由于有了"超链接"，因特网才会如此神奇，如此流行！前面我们已经分小组学习了单张网页的制作，并制作了自己的网站，今天我们就来学习如何建立超链接，将零散的网页和文件串起来，组成一个有机整体。
二、下载资源在“网上邻居-->教师机-->高二学生共享”中找到“建立超链接”文件夹并下载到D盘上，三、预习检测回答下面三个问题：1、超链接是什么？明确：是链接源到链接目标的链接。
2、链接源及链接的目标指的是什么？明确：⑴链接源：就是链接的载体，Frontpage中，链接的载体是指显示链接的部分，如文字或图片；⑵链接的目标：是指链接到的位置。
既可以是文件、网页，也可以是网页中的某个位置以及电子邮件的地址。
3、常见的超链接有哪几种？⑴到网页或文件的超链接；⑵到外网站的超链接；⑶到书签（网页中的某一位置）的超链接；⑷到E-mail的超链接；四、演示操作建立到网页的超链接（资源在刚下载的“建立超链接”文件夹中）用FrontPage打开“神奇的超链接.htm”，在网页文字“什么是超链接”上建立一个到网页“什么是超链接.htm”的超链接。
1、步骤：⑴选中文字：“什么是超链接”⑵执行“插入”→“超链接”，打开“创建超链接”对话框⑶单击按钮“制作一个指向您计算机上文件的超链接”，打开“选择文件”对话框；⑷在“查找范围”下找到网页文件“什么是超链接.htm”，单击“确定”按钮⑸单击“确定”按钮，超链接创建成功。
建立超链接教学设计
八年级上设置超链接望道中学朱瑞刚一、教学目标知识与技能目标：1．巩固超链接概念；2．为已经充实完毕的主页和分栏目板块之间建立超级链接；3．通过设置超链接属性来管理超链接的网页；情感目标：通过本课的学习，让学生明白真正意议上的网站功能。
不仅能让访问者获得大量的信息，超链接功能让多个网页连成一体。
学生通过使用超链接技术能深入一步理解英特网上“超链接”的概念。
二、重点难点教学重点：本课的教学重点是为多个栏目网页之间建立超链接；教学难点：本课教学的难点是设置超链接的功能，使其能为网站更好地服务。
三、环境与素材1．教学环境：多媒体网络教室，学生计算机中安装IE5.0以上版本及SharePoint以上中文版，要求能上因特网。
2．教学准备：准备适用的网页素材。
让学生进行分组保证每个小组的成员总体水平接近。
课前了解学生的兴趣所在。
四、教学过程1、展示XX班级学生之家网页（范例网页，教师前面做好）问学生对哪些内容感兴趣，让学生进去找内容观看并找出不足的地方进行改正。
学生进入网页，有些进入游戏页面，里面放置了一个由网页构成的走迷宫小游戏；有些进入文学页面，里面放置的内容是一些诗歌和文学常识。
学生开始玩游戏和看网页内容。
迷宫游戏在某一页的时候出现超级链接错误，游戏无法进行下去，文学网页则有些超级链接未做，有些页面无法观看。
（设计意图：通过游戏无法进行下去和网页无法打开这一步骤，让学生了解超级链接对于网站的重要性，没有超级链接，网站功能就无法实现。
）2、学生指出问题，问学生是什么原因造成的，学生回答超级链接。
进入本课中心内容，超级链接的设置。
教师演示以后，让学生分组承接学生之家某一部分的网页的超级链接完善任务。
并将完善后的网页上交，并由教师放置到相应文件夹中，作为班级主页的补充内容。
并告诉学生在完成任务后可以去班级主页观看自己感兴趣的内容。
每个任务中都包括了未做超级链接和链接错误的部分，要求发现问题的学生自己观看教科书上关于“管理超级链接”这一部分并学习修改。
初中建立超链接教案
初中建立超链接教案教学目标：1. 理解超链接的概念和作用。
2. 学会如何在网页中插入超链接。
3. 能够使用超链接将不同页面或网站连接起来。
教学重点：1. 超链接的概念和作用。
2. 在网页中插入超链接的方法。
教学准备：1. 电脑和投影仪。
2. 网页编辑软件（如：Dreamweaver、HBuilder等）。
3. 网络连接。
教学步骤：一、导入（5分钟）1. 向学生介绍超链接的概念和作用。
2. 向学生展示一些实际的超链接例子，让学生感受超链接的使用场景。
二、讲解超链接的概念和作用（10分钟）1. 超链接是一种在网页中插入链接的方式，可以连接到不同的页面、网站或文件。
2. 超链接的作用是方便用户在浏览网页时快速跳转到相关的内容。
三、学习在网页中插入超链接的方法（10分钟）1. 打开网页编辑软件，创建一个新的网页文件。
2. 选择要插入超链接的文字或图片，右键点击选择“链接”。
3. 在弹出的对话框中，输入要链接到的页面地址（URL）。
4. 点击“确定”保存设置。
四、实践插入超链接（10分钟）1. 让学生在网页编辑软件中实践插入超链接的过程。
2. 引导学生尝试链接到不同的页面、网站或文件。
五、拓展学习（10分钟）1. 讲解如何使用超链接实现网站的导航功能。
2. 引导学生思考如何使用超链接提高网站的用户体验。
六、总结和作业（5分钟）1. 总结本节课学习的超链接的概念、作用和插入方法。
2. 布置作业：让学生在课后制作一个简单的网页，并使用超链接连接到不同的页面或网站。
教学反思：本节课通过讲解和实践的方式，让学生掌握了超链接的概念、作用和插入方法。
在实践环节，学生能够积极参与，充分发挥自己的创造力，制作出有趣的网页。
在拓展学习环节，学生了解了超链接在网站导航和用户体验方面的重要性。
总体来说，本节课达到了预期的教学目标，学生对超链接的使用有了更深入的理解和掌握。
信息技术《设置超链接》教学设计
信息技术《设置超链接》教学设计一、教学目标1、知识与技能目标学生能够理解超链接的概念和作用，掌握在文档、网页中设置超链接的方法，包括文本超链接、图片超链接和锚点链接。
2、过程与方法目标通过实际操作和案例分析，培养学生的动手能力、问题解决能力和创新思维，提高学生自主学习和合作学习的能力。
3、情感态度与价值观目标激发学生对信息技术的学习兴趣，培养学生的信息素养和审美意识，让学生体验到成功的喜悦和学习的乐趣。
二、教学重难点1、教学重点（1）超链接的概念和作用。
（2）文本超链接和图片超链接的设置方法。
2、教学难点（1）锚点链接的设置方法。
（2）合理运用超链接，使文档或网页的结构清晰、逻辑合理。
三、教学方法讲授法、演示法、实践法、小组合作法四、教学准备1、多媒体网络教室，安装相关软件。
2、教学课件、案例素材。
五、教学过程1、导入（5 分钟）通过展示一个包含超链接的网页，让学生点击超链接进行浏览，引导学生思考超链接的作用，从而引出本节课的主题——设置超链接。
2、知识讲解（10 分钟）（1）超链接的概念：超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页、同一网页的不同位置、图片、文件、电子邮件地址等。
（2）超链接的作用：方便用户快速浏览相关内容，提高信息获取的效率，使网页或文档的结构更加清晰、逻辑更加合理。
3、文本超链接的设置（15 分钟）（1）教师演示：打开一个文档，选中需要设置超链接的文本，如“点击这里”，然后选择“插入”菜单中的“超链接”选项，在弹出的对话框中选择链接的目标，可以是网页、文件、电子邮件等，最后点击“确定”。
（2）学生实践：学生模仿教师的操作，在给定的文档中设置文本超链接。
（3）教师巡视指导，及时解决学生遇到的问题。
4、图片超链接的设置（15 分钟）（1）教师演示：选中需要设置超链接的图片，右键单击选择“超链接”，在弹出的对话框中设置链接目标，如网页地址。
（2）学生实践：学生在自己的文档中选择一张图片，设置图片超链接。
创建超链接教案
成果体验：
1、览的方式体验自己制作的超链接。
2、在保存网页后，通过打开网页的方式体验成果。
教师活动：
根据学生活动情况，亲自示范点评或者让学生示范。
学生活动：
阅读：5、创建发送电子邮件的超链接；完成任务五。
1、超链接的作用
2、超链接的类型
3、如何创建超链接
教学
方法
1、网络下的任务驱动法—Webquest
2、讲练结合法
3、自学探究法
教学过程
授课思路与方式方法
教师活动：
引言：
同学们，现在是春季，在这个美丽的季节里，我们经常看到漂亮的花儿。你知道现在那些花正在盛开吗？我知道，有一种洁白的花正在盛开，那就是梨花，谈到梨花，不由的使我想起我的家乡的一个特殊节日“梨花节”，那么大家跟随我通过网络“回家”看看！我的家乡很美丽吧，我们的金乡也很美丽！大家来看看……
（2）、将“济宁1.htm”中的“综合实力”；链接到“jnsl.doc”
成果体验：
1、预览的方式体验自己制作的超链接。
2、在保存网页后，通过打开网页的方式体验成果。
教师活动：
根据学生活动情况，亲自示范点评或者让学生示范。
学生活动：
阅读：4、创建链接外部站点的超链接；完成任务四。
任务提示：
（1）、使用FrontPage打开“练习”文件夹中的“济宁1.htm”
如果，你能快速的完成任务，请进入高手加油站。
高手加油站：
1、通过网页属性，设置链接的翻转效果、文字的颜色、访问后的链接文字颜色等。
2、在超链接属性窗口中，可以设置超链接屏幕提示信息。
成果体验：
初中建立超链接教案
教案：初中建立超链接教学目标：1. 学生能够理解超链接的概念和作用。
2. 学生能够学会在Word文档中插入超链接。
3. 学生能够掌握使用超链接的基本技巧。
教学重点：1. 超链接的概念和作用。
2. 在Word文档中插入超链接的方法。
教学准备：1. 计算机教室，每台计算机都安装有Word软件。
2. 大屏幕投影仪，用于展示操作过程。
教学过程：一、导入（5分钟）1. 向学生介绍超链接的概念和作用。
2. 引导学生思考在日常生活中哪些地方使用了超链接。
二、讲解超链接的概念和作用（10分钟）1. 超链接是一种链接，它可以将文档中的一个部分与另一个文档或网页连接起来。
2. 超链接的作用是方便读者快速跳转到相关的文档或网页，提高阅读效率。
三、演示在Word文档中插入超链接的方法（15分钟）1. 打开一个Word文档。
2. 选中需要添加超链接的文字或图片。
3. 点击“插入”菜单，选择“超链接”。
4. 在弹出的对话框中，输入超链接的地址。
5. 点击“确定”，完成超链接的插入。
四、学生练习插入超链接（15分钟）1. 让学生在计算机上打开一个Word文档。
2. 让学生选中需要添加超链接的文字或图片。
3. 引导学生点击“插入”菜单，选择“超链接”。
4. 引导学生输入超链接的地址。
5. 引导学生点击“确定”，完成超链接的插入。
五、讲解使用超链接的基本技巧（10分钟）1. 如何删除超链接：选中超链接，点击“插入”菜单，选择“超链接”，然后点击“删除超链接”。
2. 如何更改超链接的目标：选中超链接，点击“插入”菜单，选择“超链接”，然后更改目标地址。
六、总结和作业（5分钟）1. 总结本节课所学内容，让学生明确超链接的概念、作用和插入方法。
2. 布置作业：让学生在Word文档中插入超链接，并将文档与同学分享。
教学反思：本节课通过讲解和演示，让学生掌握了在Word文档中插入超链接的方法。
在教学过程中，要注意引导学生思考超链接的实际应用场景，提高学生的学习兴趣。
建立超链接教学设计
建立超链接教学设计一、教学设计部分教学内容分析本课的主要内容与地位网页的学名是HTML(即：超文本文件)，从本质上说网页只是一个文本文件，超文本的意思即含超级链接的文本文件。
网页中所有丰富的元素都是通过链接实现的，用一段文本文件告诉浏览器图片或者声音的位置，然后浏览器会自动加载到网页中显示，但网页本身仍然没有嵌入任何非文本的文件。
超链接是网页赖以存在的基础。
理解超链接的原理、熟练地使用超链接是一个合格的网站建设者必须具备的能力。
本课与前后内容的关系学习超链接的相关知识，是对前面几课制作的几个孤立网页的有机整合。
只有通过超链接，由网页组成的集合才能被称作网站。
教学目标分析知识目标/技能目标·知识目标理解超链接的概念。
理解导航栏在网页设计中的重要性。
·技能目标掌握在网页中插入超链接的一般过程;熟练掌握将链接指向站点内、站点外和电子信箱的一般方法;学会在网站内设置导航栏。
过程与方法目标能够根据实际需要，选择不同的网页素材、建立不同的链接。
情感态度与价值观目标体会万物皆有联系，加强与父母、老师和同学之间沟通和交流，虚心听取别人的意见，不至于在自己的成长过程中迷失方向。
本课的重难点重点：“创建超链接”对话框;标签链接。
难点：导航栏的设置。
本课的课时分配建议一课时教学策略设计建议教法建议本课是第一单元的重点和难点，教学中建议采用将学生进行分组，不同级别的学生完成不同的探究任务。
其中包括：站点内的超链接、到外部站点的超链接、到电子邮箱的链接和到应用程序或文档的链接，以及选择不同的网页素材(文字、图片)作为链接对象的操作方法。
在学生的学习过程中，教师应指导学生实时进行网页的预览，以体验不同链接的不同作用。
对实践中遇到的如OutlookExpress的使用问题，教师可在讲解知识点时做简单介绍。
讲解设置导航栏部分时，教师可指导学生回顾第二课设置网页模板的相关知识。
教学资源与环境建议教学环境准备建议1.保证每台学生机能够连接Internet或虚拟网络环境;2.学生机安装OutlookExpress。
创建超链接的教学设计
创建超链接的教学设计这是一篇由网络搜集整理的关于创建超链接的教学设计的文档，希望对你能有帮助。
教学目标：1．理解超链接的概念，了解链接的种类。
2．学会规划网站的各个链接，并正确完成。
3．掌握创建超链接的方法。
教学手段：多媒体电子网络教学过程：在上一章的学习中，我们熟悉了Internet，那么因特网上若干个网站是如何联系到一起的？（引入超链接的概念，并复习超链接的特性）[板书] 第七节创建超链接一、链接的概念和种类创建了WEB站点后，需要在页面间建立超链接才能把单个的页面有机联系起来。
根据需要，可以通过书签链接到本页的特定位置或链接到其它页面，也可以通过创建图像映射建立链接，使WEB保持动态的特性和不断更新的特性。
链接是网页制作中的重要技术，也是WWW能够流行的主要原因。
根据链接对象的不同性质，可以将链接分为四种：1．同一页面内部的链接2．不同页面之间的链接3．链接到WEB页4．建立图像映射。
这些链接是如何建立的呢？[板书] 二、建立超链接超链接可以定义在文字中，也可以定义在图片上，甚至是图片中的.局部位置上。
无论建立何种链接，都要先选定文字或图形作为链接源，然后单击常用工具栏“超链接”按钮，打开“创建超链接”对话框，再进行相应设置即可。
1．在同一页面建立链接。
[演示例1] 打开huanba网站中的questins.ht网页，对其中的“返回页首”图形建立链接，链接到同页页首。
在“预览”状态下，单击“返回页首”图形，让学生观察链接的结果。
[提问] 如果直接链接到同一页，链接的目标位置在哪儿？（页首）[提问] 如果网页较长，想链接到网页中间的某一特定位置，应该如何操作呢？引导回答：必须将这些特定位置标记出来，引入书签的概念。
一般情况下，如果页面较长，需要通过滚动条的移动进行顺序浏览。
有时只需阅读网页中的某一段文本，通过滚动条则显得很不方便，这时，为了便于浏览和管理，可以在页面中加入书签，将几个希望跳转到的特定位置标志出来（通常与网页中的小标题一致），这样，访问者单击页面顶端的标题，即可将其所链接的书签所在位置的文本显示在屏幕上。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第18课建立超链接
一、教学目标
知识目标：1．巩固超链接概念。
技能目标：2．掌握在主页和分栏目板块之间建立超级链接。
3．学会设置超链接属性来管理超链接的网页。
情感目标：“超链接”功能实现了网页成为信息源传播源。
它让多个网页多个网站联成一体，扩充了英特网的强大、动态、互联的功能。
学生在本课学习中通过运用超链接技术，深刻理解英特网“超链接”的意义。
二、重点难点
教学重点：为多个栏目网页之间建立超链接；
教学难点：设置超链接的属性。
三、环境与素材
1．教学环境：多媒体网络教室，学生计算机中安装IE6.0以上版本及Frontpage2003以上中文版，要求能上因特网。
2．教学素材：学生素材库包括示例站点文件夹、帮助文档。
四、教学过程设计：
（一）、引入（5分钟）
师：12月25日，是什么节日？
生思考
师：圣诞节快到了，老师准备了一份礼物想送给同学们。
生猜想是什么礼物
师：（打开礼物）原来是一个网站，打开一起来欣赏吧。
生观看欣赏
师：这是一个有关“海绵宝宝”的网站，好像是一部卡通片。
我们看看“动画介绍”页面的内容。
师：（先打开未做好超链接的分栏目页面）欣赏起来好累哦。
（再打开已经做好超链接的分栏目页面）都这样欣赏就轻松多了嘛。
师：有什么方法可以解决呢？
（设计意图：让生观察思考发现问题，引出课的内容）
生：超链接
师：同学们跟老师想到一块去了。
师：什么是超链接？（请生来说说，讨论）生思考讨论
师：（打开网络上一个网站文字图片超链接操作）鼠标形状手形单击跳转另一个页面师：（ppt展示）超链接概念。
师：你会建立超链接吗？生思考
师：（ppt展示）今天我们就来学习建立超链接
（二）、建立超链接（分钟）
A．布置任务一：建立主页与分栏目页面间的超链接
师：你知道如何建立超链接吗？先来试试看！
师：桌面上有一个名为“老师发送的文件”文件夹，这个文件夹里有三个文件夹，分别为：站点文件夹“hmbbly”，提供帮助的“锦囊”文件夹，课堂需要完成的“任务”文件夹
打开站点文件夹hmbbly，选中首页index.htm，鼠标右击选择打开方式，选择“frontpage”
软件编辑。
任务一：
1.为首页中分栏目文字与其网页间做好对应的超链接。
2.为分栏目页面中的首页文字与首页（index.htm）间做好返回首页的超链接。
3.保存网页文件到站点文件夹hmbbly中，打开网页浏览，检验超链接是否设置成功！
思考：
网页中的图片可以建立超链接吗？
生自主学习，思考，操作，完成任务，师巡视并指导有困难的学生，并观察学生的操作及可能碰到的困难。
B．(屏幕切换)请一生展示完成的作品并演示操作，师给予适当评价，讲解建立超链接的步骤，URL（网站中页面，其他网站）
师：（利用教师机远程控制学生机，屏幕切换）同学们操作得都非常认真，老师发现**同学任务完成特完整，一起来欣赏吧。
（学生端全体广播）
生观看
师：（请生到教师机上演示讲解）大家欢迎**同学到前面来给大家演示讲解操作建立超链接的制作过程。
生：鼓掌鼓励，师带头。
生演示操作（速度慢），师从旁协助讲解整个建立超链接几个重要步骤。
师：**同学已然是个小老师，非常感谢她的精彩演示，一起为她鼓掌。
师：刚还有一个思考题，同学们想到了吗？
生：。
师：（单击主页中网站链接里其中一张图片简单演示操作）当创建一个超链接时，它的目的端将被编码为URL，也就是统一资源定位符，可以是站点文件夹中一个网页donghuajianjie.htm也可以是其他网站，使互联网上浩瀚资源紧密链接在一起，网站功能更加强大。
（URL：当创建一个超链接时，它的目的端将被编码为URL（统一资源定位符），例如：/news.htm或file://computername/sharedfolder/filename.htm。
URL包含了站点服务器或者网络位置、路径和文件名称。
）
C．设置超链接中，目标框架的设置
师：建立了超链接后，我们重新来浏览网站，确实方便多了。
师：（浏览时故意操作网页中一个图片超链接）单击某个超链接打开新网页时，会出现一个新窗口，而原有网页窗口却没有消失，如何达到这样的效果？
生：思考
师：教你一招----编辑超链接中的目标框架
师边演示操作，边讲解。
目标框架：默认（无）、相同框架、整页、新建窗口、父框架。
师：现学现用，我们自己来操作吧。
布置任务二：给图片建立超链接，编辑目标框架
1.打开站点文件夹hmbbly，选中动画人物（donghuarenwu.htm）页面，鼠标右击选择打
开方式，选择“frontpage”软件编辑。
2..请根据“锦囊二”提供的方法，给donghuarenwu.htm页面中的每一个动画人物图片（如
章鱼哥）建立相应的超链接，并将编辑超链接中目标框架设置为新建窗口。
3.保存网页文件，完成后，请在站点文件夹hmbbly中鼠标双击打开donghuarenwu.htm
网页浏览检验是否设置成功！
生自主学习，思考，操作，完成任务，师巡视并指导有困难的学生，并观察学生的操作及可能碰到的困难。
师：任务做完了，效果也出来了，为什么我们要编辑目标框架为新建窗口呢？
生：
师：新建窗口，如小图看大图。
方便浏览。
（讲解目标框架，新建窗口的作用）。
其他框架，灵活运用。
（三）、管理超链接（分钟）
A．网页文件重命名，移动文件---更新超链接
师：建立超链接后的网站，浏览起来方便多了。
这位同学制作这个网站时太匆忙了，（师打开站点文件夹列表，指向其中一张名字乱命名网页）如这张网页的名称随意命名，相关的网页文件也没有存放在相应的文件夹中，使同学们建立超链接时不停猜测是哪个分栏目页面。
师：设置超链接的网页，可以再修改、编辑吗？
师：ppt展示
1.修改网页名，会影响原先设计的超链接吗？
2.如果在站点上移动了一个文件的位置，会影响原先设计的超链接吗？
生：会影响不会影响
师：到底会不会影响呢？我们一起实验下吧。
师操作生观察思考
师：不会影响答对了答错了的同学也不气馁，刚不是又学了一招。
B.超链接关键词颜色设置----网页属性-格式
师：一个优秀的网站除了建立超链接网站功能外，还需要进行管理与维护，刚我们已经学了
网站管理的其中一种技术，还有其它的。
师：老师这就有一个疑问，可能同学们也碰到过，看看改用哪种技术解决？
师：打开网页浏览，指出访问过的超链接关键词的颜色跟整个网页风格不协调，我们自己可以控制其颜色吗？
生：
师：网页属性—格式
（四）、总结（分钟）
1、超链接概念、建立
1.URL
2.目标框架的设置
3.已设置超链接的网页的重命名和移动
4.超链接关键词颜色的控制
5.
（五）、总结（分钟）
拓展任务：
利用今天课堂所学知识，请将你自己制作的网站中主页与分页面间建立超链接，并对你的网站进行相适应的维护管理（网页重命名、移动、超链接关键词颜色）。
交流赏析体验美好（展示学生制作成果，师生共评）
课堂结束语：你能有所收获就是给老师最好的礼物。