网站可以看成是由一个个超链接组成的页面。下面，我们来看看如何在网页中添加超链接吧。
搜狗浏览器的地址
首先复制下搜狗浏览器的地址，如下图所示：
href的值为该浏览器的地址，href=http://www.sogou.com/，如下图所示：
预览效果
预览效果如下，点击搜狗文字会跳转到该搜狗浏览器的页面，如下图所示：
同样href的值也可以指定为某一张图片，如下图所示：
网页设置超链接 这样学习才有效果 教学设计如下
（一）创设情境
教师活动：（导语：同学们，你们喜欢上网吗？下面就跟随老师的鼠标走进我们的阳光校园网;，请大家仔细观察老师的操作）演示已设置超链接的网页作品，用超链接预览所有的网页，让学生仔细观察。请两名学生按照老师的操作方法，按F12键浏览自己的网页文件，看看能否达到预期的效果，并提出为什么？
学生活动：学生通过观察，回答说老师的网页上有手的形状。
（二）自主合作，探究新知
教师活动：提出问题：什么是超链接？这些超链接是怎样制作的？展示学生的PPT作品，与学生一起回顾PowerPoint中超链接的设置方法。
学生活动：根据教师的提问，思考并回顾PowerPoint中超链接的设置。
在第二环节中，分为四步走;与学生一起探究新知：
1、超链接的概念、作用及分类
教师活动：启发、引导学生根据新旧知识的比较，总结超链接的概念、作用及分类，并给予补充。
学生活动：通过比较、观察，了解超链接的概念、作用及分类。
2、文本链接
教师活动：课前将全班学生分为三组，浏览文件链接;指向文件链接以及路径链接，分别探究一个学习任务，提供三种获得帮助的途径：自主阅读教材、同学之间交流、向老师请教。
引导学生依据学习指导中三种文本链接的设置方法，掌握设置文本链接。接下来教师请各组选派一个代表为大家讲解演示操作过程，之后各组学生继续完成文本链接另外两个学习任务。教师在此过程中，发现出现问题比较集中的地方，进行启发和广播教学，帮助学生化解困难。
学生活动：学生将借助教材和学习指导;先后完成文本链接三个学习任务，先完成任务的同学主动帮助操作慢的同学，充分发挥团队合作力量。
A组学生：参照教材浏览文件链接，将作品首页中的阳光校园文本链接到站点内，按F12键预览，检验是否链接正确；
B组学生：参照教材指向文件链接，将作品首页;热点报道文本指向链接到站点内text文件夹任意一个Word文档，按F12键预览，检验是否链接正确；
C组学生：阅读教材路径链接，将作品首页资源下载文本链接，按F12键预览，检验是否链接正确。
3、图像链接
教师活动：（刚才我们学习了文本链接，虽然方便又简单，可是如果千篇一律未免太单调了，下面我们来试试图像链接吧。）引导学生了解简单的图像链接只是将链接对象由文本变成了图像，师生合作完成图像链接;学习任务1。
学生活动：请一名学生到教师机演示，其他学生观察、思考操作步骤，完成作品首页中太阳图片链接，并按F12键预览，检验是否链接正确。
教师活动：（同学们，在浏览网页时，是否注意到，单击图像的不同位置，会打开不同的网页，这就是热点链接。）介绍热点链接，明确创建的热点就是链接对象（在设置热点链接之前，需要创建热点。）；引导学生完成图像链接学习任务2；操作熟练的同学尝试图像链接学习任务3。
学生活动：自主尝试完成热点链接的设置，每组操作水平较高的学生主动指导、帮助同组同学。
4、标签链接
教师活动：（大家在浏览阳光校园网时会发现：同一页面的学习资源太多了，只能拖动滚动条慢慢地浏览吗？能不能借助今天学习的超链接快速浏览到最想看的信息呢？）示范、启发并指导学生完成标签链接学习任务1，操作熟练的学生尝试完成标签链接学习任务2（在页面底部设置返回顶部的标签链接）。
学生活动：熟标签链接的设置过程，借助学习指导小先生指导，分层次完成标签链接设置。
（三）交流提升，拓展延伸
教师活动：演示网页作品，通过图示提示学生：为了避免浏览者迷路，链接线路应该是双向的，可以从首页跳转到子页，也可以从子页返回到首页。引导学生将首页和子页间需要链接之处进行链接，使各网页能够灵活跳转。教师巡视指导，提出建议或意见。
学生活动：组内或组间合作交流，继续完善作品。
（四）作品展示，师生互评
教师活动：（哪个小组愿意主动展示自己的作品呢？）各组推荐优秀作品进行展示，点评学生作品。
学生活动：展示推荐作品，其他学生发表对作品的看法（借助指导中的评价标准：文本、图像以及标签链接设置是否完整、富有新意？各网页能否灵活跳转？若再加以修改，效果会更好。）
（五）归纳总结，整体感知
教师活动：（通过本课学习，大家都学到了什么？）对学生总结进行补充，强调容易出现问题的地方如何处理。
学生活动：回顾、总结本课所学内容，反思学习过程中的体会与收获。
结束语：通过本课的学习，老师感受到了同学们阳光般的学习热情，同学们不仅学会了设置超链接的方法，同时也亲身体验到了超链接在网络中的重要作用，下节课我们将继续学习网页制作的其他知识,一起完善我们的阳光校园网。
