《网页的链接》

网页的链接教学设计一、教学内容分析课程标准内容了解超链接的相关知识，掌握设置超链接的基本方法；教材作用与地位这部分的主要内容是理解超链接的概念，掌握建立超链 接的多种方法。重点在于让学生掌握超链接的类型和创建方 法。在本节之前，根据建站时的规划，单个网页都已完成， 而如何利用超链接将这些独立的页面“串”起来，形成一个 有机的整体，就显得尤为重要。可以说这部分内容在这一单 元中起到了画龙点睛的作用。二、教学对象分析在前面的学习中，学生都能独立的完成单个网页的制 作，所以对软件的环境已很熟悉。同时在建站时有过规划， 所以学生对站点内各页面以及相互联系也比较熟悉。三、教学目标：知识与技能了解超链接的基本概念掌握同一站点内不同网页间及不同对象上的超链接的 制作方法掌握同一页面中超链接的制作方法掌握不同站点间超链接的制作方法及Eail链接的制作 方法过程与方法通过设置超链接的操作，使学生掌握网页中超链接的制 作方法，总结出操作的规律，培养学生自主学习和协作学习 的能力。情感态度通过利用设置超链接将独立的网页串成一个有机的整 体，使学生感受成功的喜悦。四、教学重点：超链接的含义；链接源、链接目标的含义根据需要选择适当超链接类型五、教学难点：书签链接的名称及对应链接位置的设定图片中热点链接的设置六、教学方法：讲解与演示法、任务驱动法、讨论法、自主探究法七、教学准备：为每位学生准备网站内部链接结构图一张八、教学过程：情景导入师：请同学们来欣赏一个网站，这是XX年全国中小学 电脑制作优秀作品之一。生：做的真漂亮师：大家在浏览网站时靠什么在各个不同的网页之间跳 转呢？生：超链接师：我们今天这节课的任务就是运用超链接将我们做好 的零散页面组合成一个有机的整体，形成一个真正意义上的 网站。新授师：前面我们在规划和设计站点的时候，希望整个站点 的8个页面有图中所示的链接。以图中个链接为例：我们希 望单击首页中的“奥运发展历程”这几个字，能够迅速跳转 到“发展”这个页面，这里涉及到两个对象，我们分别称之 为“链接源”、“链接目标”。从字面上来理解，这里的“奥 运发展历程”几个字是链接、页面“发展”是链接， 而中间用来连接链接源和链接目标的这根线就是超链接，下 面我们来看具体如何实现：选中链接源、插入超链接、确定 链接目标，在统一资源定位符URL框中显示的就是我们刚刚 选中的链接目标。下面大家自己来尝试一下。生：分三组分别实现从首页到子页奥运福娃、奥运场馆和火炬传递的链接。设计意图：给出创建超链接的一般方法，以推动学生探 索知识的意愿并将其转化为动力，提高学生的学习主动性和 积极性，随后让学生自主探究，为他们终身学习打下基础。师：，提示：发给大家的表中首页和子页之间的链接是 双向的。每个子页面最下方都有个返回的箭头，大家尝试看 能不能通过这个图片实现从子页面到首页的链接，。设计意图：在这里设置一个小组活动，让最先做好的同 学充当小老师，既激发了学生的学习兴趣、提高了学习效率, 又能兼顾到操作不熟练的同学。师：让学生演示他们的成果，即：从首页到福娃页面的 链接及返回效果。边演示边总结：链接源不但可以是文字， 也可以是图片。师：我们再仔细观察福娃这个页面，发现页首列出了五 个福娃的名字，下面是具体介绍，如果我想先了解福娃晶晶, 应该怎么办？生：拖动滚动条师：方便吗？有没有更快捷的办法？生：师：是否可以尝试用我们今天学的超链接解决这个问 题？生：能师：那么这里的链接源和链接目标分别是什么？生：链接源是标题：晶晶，链接目标是福娃晶晶所在的 位置请一位同学到前面来尝试，下面同学给予提示帮助。选 择链接源、插入超链接、在选择链接目标时停住了。师：福娃晶晶所在的位置应该怎样体现出来？平时我们 在看书的时候，如果看到一半，去做其他事了，我们通常会 在书中插入什么？生：书签！师：对，书签实际上是在这里做了一个标记。，但目前 的书签栏中没有可选项一一因为我们还没有插入书签。生：师：提示：建立超链接之前，得先插入书签，作为链接 目标。大家观察一下菜单栏，哪一个菜单可以帮我们插入一 个书签呢？生：操作实现插入书签。继续由学生实现书签式链接。 在操作过程中提示链接目标是书签，同时注意URL框中显示 的内容。师：通过书签式链接我们可以实现在同一页面间的跳 转。生：学生分组完成“fuaht”页面中“欢欢、迎迎、妮 妮”的页内链接。师：提问：刚才我们实现了从页首标题链接到下面的具 体内容，如果我想从页面底部快速返回到页首重新选择，是 否也可以利用超链接直接跳转呢？生：师：师：这个页面）刚才第三组的同学完成的是从首页到这 个页面链接。提问：在这个页面中，你可以读出哪些信息？生：页面中有张图片，图片显示了火炬传递的路线，由 海南入境、经各省市，最后到达北京。师：能不能获取到更多信息？比如：我能不能知道火炬 在具体某站的传递路程？生：不能。师：在我们的站点中有3个文件分别介绍了火炬在海南 站、江苏站、北京站传递的具体情况。我们怎么做才能使浏 览者在看到这幅图时就能快速的打开这些页面？生：用鼠标点。师：同样是用超链接来实现。这里的链接源和链接目标 分别是什么？生：是图中江苏这一块区域和jiangsuht这个页面。师：如何选中图片中的一部分。提示：在图片工具栏的 右侧有三个按钮可以帮我们实现。分别是：长方形热点、圆 形热点和多边形热点。生：当按下“长方形热点”按钮后，鼠标指针变成笔的 形状，此时可以在图中选中一块区域，松手，立即弹出“创 建超链接”对话框，选择好链接目标，我们就可以实现图片 中的超链接。熟练的同学可以尝试用圆形热点或多边形热点 完成海南站、北京站的链接。师：由于时间关系，我们这个站点中的内容还太少，有 待进一步充实。如果浏览者想获取更多奥运信息怎么办？ 对，我们可以上网获取。首页面右侧就有几个相关站点的图 标，我们可以链接到相应站点上，为浏览者提供方便。请大 家凭着刚才的操作经验，完成主页面右侧的eb链接。大家 可以相互讨论来完成。设计意图：这里让学生自己探索完成，因为前面在完成 各种超链接之后，都让学生观察了 URL框中显示的内容，学 生能理解URL框中显示的就是各个超链接的链接目标，所以 到了这里，学生对照网址很自然的就想到把需要链接的网址 直接输在URL框中。师：做为一个站长，我们需要及时的了解浏览者的反馈 意见以便更好的维护我们的站点。怎样才能为浏览者给站点 写信提供方便，这就要靠EAIL链接来实现了。在首页右侧 有“给我来信”几个字，请大家完善它的链接，使之链接到 站长的EAIL地址：abc163，请大家按座位分成3组，组 员相互讨论，并给出你们的观点。生：分组讨论师：请某位同学演示他们的讨论结果。链接到一个EAIL 地址上，关键是EAIL地址输入的位置要正确，借助“信封” 按钮，可以帮我们找到输入EAIL地址的位置。设计意图：根据以往的教学经验，不少同学会把eail 地址直接写在url框中，这里让学生讨论、尝试，让他们自 己意识到这样行不通，从而寻找其他途径，一是强化记忆； 二是通过尝试，让他们发现问题并自己解决问题，体验到成 功的乐趣。总结与评价今天这节课，我们设置了很多的超链接，其中涉及到哪 几种类型的超链接？通过操作，我们还知道链接源可以是哪 些对象？。