热点链接教案由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“热点链接是什么”。
网页的《热点链接》接案
一、教学内容分析
1、课程标准内容
了解超链接的相关知识,掌握设置热点超链接的基本方法;
2、教材作用与地位
这部分的主要内容是理解超链接的概念,掌握建立热点超链接的方法。重点在于让学生掌握超链接的类型热点链接的创建方法。
二、教学对象分析
在前面的学习中,学生都能独立的完成单个网页的制作,可以完成基本文本、图像等多种超链接的操作,所以对软件的环境已很熟悉。
三、教学目标:
1、知识与技能
(1)了解超链接的基本概念
(2)掌握页面中对图片对象热点超链接的制作方法
2、过程与方法
通过设置超链接的操作,使学生掌握网页中图片对象热点超链接的制作方法,总结出操作的规律,培养学生自主学习和协作学习的能力。
3、情感态度
通过利用设置热点超链接将独立的网页串成一个有机的整体,使学生感受成功的喜悦。
四、教学重点:
(1)热点超链接的含义;链接源、链接目标的含义
(2)根据需要选择适当超链接类型
五、教学难点:
图片中热点链接的设置。
六、教学方法:
讲解与演示法、任务驱动法、讨论法、自主探究法
七、教学准备:
为每位学生准备链接的素材文件。
八、教学过程:
(一)情景导入
师:请同学们观看老师制作的PPT。从中引入知识点:“超链接”,进而切入到本节课的知识重点“热点链接”。
(二)新授
1、热点链接的概念:
是指在一张图片上实现多个局部区域指向不同的网页链接。
2、【制作方法】
1、首先插入图片。单击图片,用展开的属性面板上的绘图工具在画面上绘制热区。
2、属性面板改换为热点面板如图:链接输入框:填入相应的链接。替代框:填入你的提示文字说明。目标框:不作选择则默认在新浏览器窗口打开。
3、保存页面,按F12预览,用鼠标在设置的热区检验效果。
提示:对于复杂的热区图形我们可以直接选择多边形工具来进行描画。替代框填写了说明文字以后,光标移上热区就会显示出相应的说明文字。
超级链接属性面板中的目标选项。
“目标”我们称它为目标区。也就是超级链接指向的页面出现在什么目标区域。默认的情况下域中总有四个选项。
①_blank :单击链接以后,指向页面出现在新窗口中。
②_parent:用指向页面替换他外面所在的框架结构。
③_self:将连接页面显示在当前框架中。
④_top:跳出所有框架,页面直接出现在浏览器中。
3、下面大家自己来尝试一下。
生:分小组分别实现从熊猫图片的热点链接。
设计意图:给出创建超链接的一般方法,以推动学生探索知识的意愿并将其转化为动力,提高学生的学习主动性和积极性,随后让学生自主探究,为他们终身学习打下基础。
师:巡回指导,在这里设置一个小组活动,让最先做好的同学充当小老师,既激发了学生的学习兴趣、提高了学习效率,又能兼顾到操作不熟练的同学。
师:让学生演示他们的成果。
生:分别请几位同学上台演示操作过程。
4、举一反三
打开素材中的网页文件,让网页中的图片通过热点链接到不同的网页页面及图片对象。
(三)总结与评价
今天这节课,我们设置了网页中的热点超链接,让同学样更进一步理解什么是热点链接?通过操作,我们还知道链接源可以是哪些对象?(引导学生总结出:文字、图片甚至是图片中的一部分)。