07创建超链接和网页教案

第一篇：07创建超链接和网页教案

案例名称

创建超链接和网页模板

一、教材内容分析

本课主要有三个教学内容：制作“超链接”，设置超链接颜色和设置超链接热区。学生对超链接的内容是比较陌生的，所以首先让学生明确超链接的概念。学生明确超链接后教师再讲如何创建超链接的创建。字超链接是最普通的一种超链接形式，教师在讲解这个操作时重点要说明的是要确定超链接的目标。超链接的目标有多种，如网页、图片、音乐、视频等，本课要求学生掌握链接到网页就可以了。图片超链接和文字超链接建立的方法是一样的。超链接热区的建立重点是自选图形的使用。本课重点是超链接的建立，学好本课为后面的网页、网站的设计打下基础。

二、教学目标（知识，技能，情感态度、价值观）

知识与技能：1． 建立文字超链接、图片超链接、电子邮件的超链接； 2． 学会设置超链接颜色和设置超链接热区。

过程与方法：1．通过创建网页超链接的操作，使学生了解网页中创建超链接的基本方法，消除对网页链接的神秘感；

2．通过教师讲解、演示，学生观察、动手操作、理解记忆等学习方法，使学生学会正确建立和修改文字及图片超链接的操作。

情感态度与价值观：1．完成文字和图片超链接的创建，使学生感受成功的喜悦和快乐。2．培养学生勤于思考和自己动手探索新知识的良好学习品质。

三、学习者特征分析

1．该班级学生基础知识比较扎实，思维活跃，学习兴趣浓厚，课堂参与积极、主动。2．该班级学生能熟练掌握电脑的基本操作，能够在网络环境下顺利的开展自主和合作探究活动。

3．该班级学生对超链接这部分内容还不熟悉，对于超链接及超链接热区的创建的实际操作能力有待提升。

四、教学策略选择与设计

直观演示与自主学习相结合，合作练习与教师的讲授相结合五、教学环境及资源准备

多媒体教室、自制教学课件

六、教学过程

教学过程

教师活动

学生活动

设计意图及资源准备

质疑导入

首先，老师演示自己制作的网站，用超链接预览所有的网页，让学生仔细观察。然后，让学生按照老师的方法，演示自己的作品，看能不能进行，为什么？ 对，有“手”形的地方，就是“超级链接”。

学习自主练习

学生踊跃发言，说老师的网页上有“手”的形状

教师制作完成《介绍我自己》网站（含有超级链接）。学生：已制作完成，共4张网页。

拉进学生与知识点的距离，让学生对超链接产生神秘感。

引入网页制作中

合作探究

（超链接的建立及超链接颜色的设置）

一、超链接的建立 提问：“这些超链接（文字、图片）是怎么制作的？” 教师巡视

指出操作要点：建立文字超链接时需要选中制作超链接的文本！提问：超链接制作的方法？ 提问：超链接的对象是什么呢？

二、设置超链接颜色

让同学们观察建立文字超链接后文字有什么变化？我们能够修改超链接的颜色吗？

按照书本上的图示，讨论、探究超链接制作的方法。学生尝试制作超链接

小组发言并演示超链接的建立方法

学生回答超链接的对象可以是网页、文件、网址、电子邮件等 学生通过观察后回答并按照书上尝试改变超链接文字的颜色 小组成员间合作练习掌握超链接文字的颜色的的设置方法

培养学生的自学能力、他人交流合作的能力、语言表达能力 让学生动手制作、体验超链接，提高学生的动手操作能力。培养学生与他人交流合作能力

演示讲解

三、设置超链接热区

课件演示（设置超链接热区后）“米老鼠” 单击“米老鼠”的头链接到“第一个网页”，单击“米老鼠”的手链接到“第二个网页”，单击“米老鼠”的脚链接到“第三个网页”。教师提问：这是怎么制作出来的？

教师讲解演示：通过借助自选图形来建立热区。

指出操作要点：先建立自选图形，并设置自选图形的超链接，再设置自选图形为透明。鼓励学生尝试实践

学生观察教师的操作，掌握操作的方法后自己实践操作

加强学生对超链接的理解。消除对超链接的神秘感。

展示与评价

组织学生将自己的优秀制作向全班同学进行展示，并以组为单位评价作品。

各小组推荐优秀作品进行展示并自评，其他小组对作品进行评价

通过作品展示与评价能够相互取长补短

课后拓展 同学们，今天我们学习了网页间的超链接的制作方法，那么，能不能链接到其他格式的文件，如doc,exe等？

课后学生合作或独立完成。

拓展、作业。

教学流程图

七、教学评价设计

1、在学习的过程中你遇到了哪些困难，你是怎样解决的？

2、对于熟练的学生，探究：如何制作“电子邮件”的超链接？

3、你能为熟练设置文字和图片的超链接吗？

八、帮助和总结

学习了各种超链接的使用方法，同学生都做的非常好。通过本节课的学习你应该能使自己的网页更加充实和美妙。

第二篇：七年级下册第5单元第5课网页超链接教案

七年级下册第5单元第5课《网页超链接》教案

授课人：青岛24中 张静

三维目标：

知识与技能：

1、熟悉以文字、图片为链接源的基本操作

2、掌握链接到站点内网页、电子邮件、网页内书签的操作

3、理解在网页（站点）内建立超链接的意义

4、了解广义的超链接内涵 过程与方法：

1、在模仿教师演示、自主学习和小组协作学习的过程中掌握建立超级链接的基本方法。

2、通过层次递进的4个任务、2个拓展任务和综合运用任务，逐渐理解超链接的意义与内涵。情感、态度和价值观：

1、在收集整理校园文化网站素材、制作校园文化网站的过程中，加深加深学生对学校文化理念的理解，让学生树立正确的人生观、价值观。

2、小组间竞争、小组内合作的学习方式，既激发了学生的学习积极性，又培养了合作精神。

教学重点：

1、建立超链接的基本操作

2、链接到站点内网页、电子邮件、网页内书签的操作方法 教学难点：

1、链接到电子邮件、网页内书签的操作方法

2、理解在网页（站点）内建立超链接的意义 教学过程：

一、复习导入

学生1演示：插入滚动字幕、插入视频的操作。

学生2演示：下载作业、打开站点、预览网页的操作。师：点评作业，引入新课。

二、新授一

师：演示建立文字超链接的方法，学生模仿完成任务1。任务1：给首页index.htm添加文字超链接。

具体要求：将首页内的文字“鸿源雕塑”链接到对应的网页“hongyuan.htm”。

同样，将其它文字“教学楼”、“校徽校训”、“文化长廊”、“联系我们”链接到对应的网页。

步骤提示：选中要链接的文字→单击工具栏 →选中被链接的网页→确定。

反馈：请一个没有全部完成的学生演示任务1，发现问题，现场分析。师启发：在子页中建立图片返回链接，出示任务2。任务2：给子网页建立返回主页的超链接。具体要求：将网页hongyuan.htm中的图片链接到网站主页index.htm。（先保存，再预览）

生：看书、看屏幕回放教程，自主学习完成任务2，远程消息反馈。

三、新授二

广播：阶段小结。出示“lianxi.htm”网页，引出链接目标是电子邮件地址的超链接。提示操作，强调按钮的使用和正确输入电子邮件地址。出示任务3 任务3：给网页lianxi.htm添加电子邮件超链接。

具体要求：给“hssyqd24@163.com” 建立电子邮件超链接，使得用户点击此链接可以自动进入“outlook express”的界面，给我们写信。

生：看书、看屏幕回放教程，完成任务3，远程消息反馈。

师：阶段反馈，大屏幕投影教给大家在“超链接”视图中快速检查“超链接完成的情况”。

广播：出示“wenhua.htm”网页，讲解书签超链接的用法，演示书签超链接的建立步骤（先插入书签标记，再建立超链接）出示任务4。

任务4：给网页wenhua.htm添加书签超链接。

具体要求：给网页中的小故事“价值的转换”和“蔷薇的启示”分别添加书签超链接。

步骤提示：先插入书签标记，再建立超链接。生：小组协作完成任务4，远程消息反馈。

四、拓展与综合运用

师：结合板书，按照链接目标分类，还可以补充普通文件、外网的网页地址等。

拓展任务1：将网页wenhua.htm链接到一个普通文件。具体要求：在网页的书签链接行右边添加文字“更多精彩”，将其链接到素材库中的word文档“文化长廊.doc”。

拓展任务2：将网页lianxi.htm链接到学校的网站。

具体要求：将网页中的文字“点击进入”链接到校园网网址“http://www.qd24.qdedu.net”

综合运用：下载自己的“校园文化-你的名字”站点，将本节课所学到的超链接知识运用到自己的“校园文化-你的名字”站点内，把所有的网页链接起来。

五、小结反馈

小组推选代表演示自己的作品。学生发言，谈学习感受。教师总结。

第三篇：《设置超链接》参考教案

设置超级链接

一、教学目标 1.知识目标 认识超链接 2.能力目标

学会建立文本超级链接；学会设置超级链接的打开方式； 学会设置不同对象的超链接。

3.情感目标

通过对蚂蚁世界的研究，培养观察自然的兴趣。

二、教学重点与难点

设置不同对象的超链接。

三、教学准备

网络机房、多媒体教学软件等。

四、教学过程

（一）谈话导入

教师问：如何利用网页共享视频资料？ 学生思考，教师引导出超链接。

（二）自主探究 交流分享

1、出示任务：

（1）新建网页，设置标题为“蚂蚁总动员”，保存为 maiyi.html。（2）第一行输入“蚂蚁总动员”第二行输入“蚂蚁录像 欣赏”，第三行输入“白蚁”、“桥蚁”。

（3）把文本“白蚁”链接到桌面“白蚁”视频片段，打 开方式为“_blank”。

2、学生自学课本，完成任务

3、学生演示汇报。

4、任务二：①新建网页link.html，标题为“昆虫网站导航”。②输入你知道的昆虫网站的名字，并把它们链接到相应的网址，打开方式为“_blank”。

5、学生探究操作

6、学生演示汇报

（三）合作学习释疑解难

1、学生提出问题。

2、教师根据情况补充问题。

3、小组合作解决问题。

4、各小组汇报。

（四）实践创作 展示评价

1、创作内容：课本28页实践与创新。

2、学生创作。

3、小组评选优秀作品。

4、优秀作品展示。

5、共同评价作品

（五）梳理总结 拓展延伸

本节课收获是什么？觉得自己哪个部分掌握的比较好了，哪个地方还要继续努力。

第四篇：第七节 自由自在——超链接教案

第七节 自由自在——超级链接

知识目标:

1、掌握在PowerPonit中设置幻灯片之间的超链接的方法

2、掌握在PowerPonit中插入动作按钮的方法 能力目标: 通过学习为幻灯片设置超链接和插入动作按钮,提高学生自主学习的能力,团结协作能力。情感目标: 通过教学探索,激发学生探求未知、认识新知的愿望,提高学习的积极性和主动性。

二、教学重点、难点 教学重、难点:

1、掌握在PowerPonit中设置幻灯片之间的超链接的方法

2、掌握在PowerPonit中插入动作按钮的方法

三、教学方法:任务驱动法

四、教学过程 导入

在教室利用多媒体演示前届学生完成好的《诗词欣赏》PPT作品。先通过单击，顺序播放幻灯片；

然后再展示通过单击“目录”中相应标题，自动跳转到相应幻灯片的效果，体会超级链接的效果。

新授

1、幻灯片之间的超链接

播放乔丹同学做好的幻灯片，没有超级链接。

提问：我们怎样做到像前面那样想浏览哪张幻灯片就到哪张呢？（生先探索）

操作方法:选择要插入超链的文字,依次选择“插入”-“超级链接”,弹出“插入超级链接对话框”,从中选择“文档中的位置”,再从右侧选择文档中的位置,比如可按幻灯片标题,选择一个页面,选择好后单击“确定”按钮。

2、插入动作按钮

通过动作按钮的设置,也可以添加超链接,帮助我们在幻灯片间自由跳转,达到人机交互的效果。下面我们就学习如何插入动作按钮。

找学生演示操作过程,师进行点评。然后按照同样的方法为其他几张幻灯片也插入动作按钮。学生练习,巩固新知：一组同学到微机室操作（为他们前期做好的幻灯片插入超级链接）。扩展

提问：怎样从任意一张幻灯片“回到”目录幻灯片呢？ 小结：

本节我们学习了如何在PPT中插入超级链接和利用“动作设置”进行超级链接。通过超级链接无需再按顺序浏览幻灯片。

第五篇：建立超链接公开课教案

市级公开课教案 科目

网络技术应用

学校

溧阳市竹箦中学

班级

高一（4）

教者

阳建伟

课题

网站实现---建立超链接

课型

新课

日期

5月8日

教学 目标

知识目标：（1）明确超级链接的意义及二要素。技能目标：（2）掌握创建超链接的一般方法。情感目标：（1）培养学生的交流意识和合作能力。（2）培养学生勇于挑战、大胆探索的精神。

教学 重点 熟练使用FrontPage软件为网页创建各种超链接

教学 难点

创建热区链接、书签链接

教学 流程

教学内容

教师活动

学生活动

引入

和学生一起上网引入超链接

上网并讲解

看教师演示、思考并和教师探讨

一、知识准备

二、教师引导，任务驱动，小组合作学习

一、超链接的基础知识

1、本质上是属于网页的一部分，各个网页通过超链接以后才能真正构成一个网站。它是从一个网页元素指向一个目标的连接关系。链接的两个要素：链接源、链接目标

二、精心设计网站的链接结构

对比两种链接结构的优缺点，得出最好的链接结构

三、创建各种超链接 完成任务

任务一：用文字或图片建立超链接 用文字或图片建立指向URL的超链接(用于友情链接，关联网站等等)用文字或图片建立指向文件的超链接（用于与本站子页建立连接关系或提供文件下载等等）

3、用文字或图片建立指向邮箱的超链接（用于浏览者通过邮箱联系网站管理员）任务二：调整超链接的颜色 任务三：制作图片热区超链接 圆形热区 长方形热区

（不同图片区域链接到不同目标）任务四：制作书签链接

完成任务一二三四，构成一个完整的网站

四、学生完成：

学生参照学案指示完成任务

五、任务评价

和学生一起分析超链接的表现形式,通过和学生对话中引出超链接的几种常见形式

结合网页中的实例和代码讲解什么是链接源和链接目标，并说明哪些元素可以作为链接源（如：文本、图像、图像热区），而链接目标可以是任意的网络资源 演示完成任务的大致步骤，提醒注意点 巡视、发现共性问题

要求学生上教师机演示任务

引导学生分析网页超链接的颜色和整个网页的风格是否一致 通过竹中校园网首页链接方法对比讲解图片的热区链接 页面内容太多时，便于同页面跳转，准确定位 让学生评价此学生作业，教师总评（过程和结果）

认真听讲、模仿完成任务 分组讨论完成任务 学生自评、互相评价

有时间、有能力的同学做

拓展任务：（用FrontPage打开“校友风采.htm”）

用文字“汤淑兰”创建链接到相对应网页的超链接,目标框架为“网页默认值main ”

操作方法：选中文字“汤淑兰”---右击---超链接---点击文件按钮---选择“汤淑兰.htm”---确定)

总结

回顾本节知识，总结建立超链接的一般方法，及不同类型的超链接的应用场合。总结要点

巩固提高

教学反思

这节课，我在上课之初即抛出问题，将学生的注意力引向本课的主要内容——超链接，接下来带领学生上网，让学生的抽象思维和形象思维相结合，了解平时上网经常使用的就是超链接，然后讲解超链接的基础知识，包括超链接在网页HTML中的状态，接着讲解网页最优化的拓扑结构——星树混合，为创建超链接打下理论基础。在讲解实际创建超链接之前，和学生分析网上常见的超链接表现形式，学生回答不全的由教师补充，之后，以任务驱动的学习方式让学生完成几种常见的超链接的创建，在任务设计中，涵盖了所有的知识点，其中包括超链接文字三种状态的颜色修改，并详细设置了任务的操作说明，接下来从现实需要的角度引导学生创建热区链接和书签链接，最后总结 在实际上课中出现的问题：

高估学生的动手能力。学生在做“任务一”时候，内容是图片和文字创建到文件、URL、邮箱等基本操作，这些内容在高一上学期讲过，加上详细的操作说明。因此我没花时间具体讲怎么做，结果部分学生还是搞混淆了——不管链接到哪里都在URL输入。课后反思：虽然口头纠正一下，但收效甚微，以后讲到这里的时候仍然要在演示一遍，强调不同的链接目标选择不同的按钮。

理论部分稍显冗长。尽管理论也很重要，相对操作内容来说，时间安排上还是花的太多，整整耗时17分钟，导致后面学生没有充裕的时间来完成任务。课后反思：进一步精简理论铺垫，压缩操作部分内容。