您当前所在的位置: 首页> 教师资格证> 信息技术
信息技术《设置超链接》教案
2021-03-18 14:50

一、教学目标

1.能够为网页中的文本和图像设置超链接。

2.通过教师演示、自主探究等方法,提高观察和动手操作的能力。

3.在探究设置超链接的过程中,能够感受到网页制作的乐趣,提高学习的积极性。

二、教学重难点

【重点】网页中文本和图像的超链接设置。

【难点】网页中图像超链接的灵活设置。

三、教学过程

(一)导入新课

教师通过多媒体展示制作完成的“沈阳简介”网站,让学生观察在网站首页上和之前制作的首页有哪些区别?学生会发现有些文字下方出现了下划线,颜色也不同。教师演示鼠标单击首页中的带有下划线的文字和网页中的图片,让学生观察出现了什么变化?学生发现页面跳转到了另一个页面。教师继而引导学生思考:当点击页面上的文本或图片时,怎么跳转到其他页面呢?网页之间的联系应该如何建立呢?从而引入本节课的学习。

(二)新课讲授

1.建立文本超链接

教师激发学生思考:如果想要为网页中的文本设置超链接,首先应该做什么?【选中文本】教师表扬学生反应迅速,并进行演示操作,选中文字“地理环境”后,利用“属性”面板,在“链接”右侧选择文件“地理环境.html”,在“目标”下拉列表中选择“_blank”选项,创建文本链接。演示完成后让学生观察文字“地理环境”的变化。【文字变成了蓝色,文字下方出现下划线】

教师布置任务:尝试自己完成文本超链接的设置,实现单击“地理环境”能够跳转到“地理环境.html”页面。学生操作过程中,教师加以巡视,并提示学生:完成后可以通过单击“在浏览器中预览/调试”按钮,在浏览器中预览设置的超链接效果,查看是否设置成功。学生操作完成后,教师抛出问题:_blank的作用是什么?_blank和_self的区别是什么?教师让学生尝试修改目标中的选项,操作完成后指定学生回答。【使用_blank,是在新的窗口中显示页面,使用_self,是在当前网页窗口中显示页面,不会打开新的窗口】教师表扬学生操作认真,回答的准确。

教师激发学生思考:有没有其他的方法可以为文本设置超链接?教师布置任务:让学生阅读课本,自行探究,为文本“风土人情”设置超链接,链接到“风土人情.html”页面。学生操作结束后指定学生说出操作要点。【选中后,在“常用”插入栏中,点击“超级链接”按钮,在弹出的对话框中,设置链接的目标文档,并在“目标”下拉列表中选择_blank选项】教师评价学生归纳总结能力强,思路清晰。

2.创建图像链接

教师提问:如果想要为沈阳简介中的太阳鸟建筑图片设置超链接,是否和文字设置的方法一样呢?教师布置任务:按照设置文本超链接的方法尝试自主操作,实现单击图片后跳转到“太阳鸟介绍.html”页面。学生操作过程中教师进行巡视指导,完成后教师根据学生操作情况进行总结:如果是对整个图像建立链接,和文字设置方法一样。

教师抛出问题:如果想要为图像的部分区域设置超链接,怎样进行设置?教师组织学生以小组为单位进行讨论和操作,将太阳鸟区域设为链接区域,链接到“太阳鸟介绍.html”页面。讨论后由小组代表演示及讲解操作要点。【选中图像,在属性面板中找到椭圆形热点工具,在图像上拖动,选中太阳鸟区域,并设置链接的目标文档和目标】教师评价学生操作很熟练,并解释:这属于热点链接,单击设置的链接区域,从而跳转到相应页面。图像属性栏中的“替换”中可以写明图片的含义,当图片无法显示的时候,替换中的文字就会显示出来。教师让学生继续完善对图像链接的设置。

(三)巩固提高

在学生了解了如何为文字和图像设置超链接后,教师布置任务:学生独立操作,将首页中的其他栏目以及图片设置对应的超链接。操作完成后同桌两人进行相互展示,在浏览器中预览是否能够实现正确的跳转。

(四)小结作业

小结:教师提问为文字设置超链接的两种方式。根据学生的回答点评学生对知识掌握得牢固。

作业:思考为网页中图片设置热点链接,可以设置两个热点区域吗?

四、板书设计

初中信息技术《设置超链接》教案

Copyright 2021 高正创新教育科技集团有限公司 .All Rights Reserved
渝ICP备19003606号-1 渝公网安备 50010802004932号