任务三 设置超链接 教学设计
1教学目标
【教学目标】
1、掌握文字、图片链接的方法
2、能够链接到邮箱和网站
2学情分析
学面向的是六年级的学生,学生具备了一定的信息素养,掌握了信息技术的基本知识和技能,会用Frontpage2000来制作网页。
学生是学习的主体,是意义建构的主动者,以具体形象思维为主,并逐步向抽象思维过渡,同时由于小学信息技术趣味性浓,动手实践性强,学生的学习积极性较高,乐于探索、勇于创新。
3重点难点
【教学重点】
掌握网页链接的方法
【教学难点】
理解超链接的概念和作用
4教学过程
4.1 第一学时
4.1.1教学活动
活动1【导入】【导入】
一、导入:
上节我们制作了首页,但上面的导航栏还没有起相应的作用,这就用到超链接了。
活动2【讲授】【讲授部分】
二、新课
一)、同一网站内的超链接——相对网址的超链接
下面我们以一个实例来说明,其效果。
其操作步骤如下:
(1)创建一个新网站,并在网站内新建几个网页文件:主页“index.htm”、兴趣“interest.htm”、相册“photo.htm”、喜爱站点“myfav.htm”等文件。
(2)打开主页文件“index.htm”,输入文字内容,并单击“”插入图片按钮,从“剪贴画库→学院”中插入图片。
(3)选定网页内的文字“兴趣”,单击“”超链接工具按钮,出现【编辑超链接】对话框。在对话框的文件列表中选择“interest.htm”网页文件。
(4)与(3)操作类似,对文字“相册”、“喜爱站点”分别设置超链接到文件“photo.htm”、“myfav.htm”。
(5)为邮箱设置超链接:选定文字“chinaboyo@21cn.com”,单击“”超链接按钮,出现“编辑超链接”对话框。然后单击“”按钮(在对话框“URL”栏右边),出现“创建电子邮件超链接”对话框。在文字框内输入邮箱地址(如chinaboyo@21cn.com),连续单击【确定】按钮,就可以创建一个超链接到邮箱地址。
(6)最后保存文件到主页“index.htm”。
二)、绝对网址的超链接 下面通过一个实例来说明,其效果。
其操作步骤如下:
(1)在上例所创建的网站中,打开喜爱站点“myfav.htm”网页文件。
(2)输入标题“我喜爱的站点”,“文字链接:”,按回车键。
(3)单击“”工具按钮,建立项目符号列表。
(4)文字上的超链接:输入“中文搜狐”,选定这段文字,然后单击超链接工具按钮,在所出现的对话框“URL”栏内输入“http://21世纪教育网sohu.com”,最后单击【确定】按钮。就可以创建了文字上的超链接;
(5)输入文字“图片链接:”,单击“”工具图标,出现对话框。依次选择在images目录中已准备好待设置超链接的图片:“chinaschool.gif”(中国国讯网校)、“netease.jpg”(广州网易)、“sina.gif”(新浪网)、“yongth.gif”(中国青年报)。
三)、同一网页内的超链接——书签
当一个网页文件比较长的时候,为了便于浏览,我们往往在网页中使用书签。在网页中使用书签的步骤分为两步:第一步是先定义书签,即在网页中某位置上定义一个书签;接下来是使用书签,即定义一个超链接到该书签。下面通过一个实例来说明,其效果。其操作过程如下:
(1)新建一个网页,并在网页中输入文字等内容。
(2)定义书签:
a.将光标移到主编辑区第三行的“个人信息”前面,然后单击【插入】菜单项,选择【书签】选项,出现一个对话框。在【书签名称】框内输入“aaa”,单击【确定】按钮,则一个书签被定义了。
b.采用上述类似方法,在“兴趣爱好”、“喜爱站点”前面分别定义书签名称为:bbb、ccc。
(3)使用书签:定义完书签后,下面我们要创建超链接到这些书签了。链接书签的操作基本与前面所述超链接的操作相同。只是在【创建超链接】对话框中不使用URL,而是使用书签。
a.用鼠标选定第二行的文字“个人信息”,然后单击“”超链接工具按钮,出现【编辑超链接】对话框。
b.在对话框中的【可选】区域中,打开【书签】下拉列表框,出现上面所定义过的三个书签名称:aaa、bbb、ccc。选中“aaa”后单击【确定】按钮,则第二行上的“个人信息”被链接到“aaa”书签上。
c.用同样的方法将“兴趣爱好”、“喜爱站点”分别链接到“bbb”、“ccc”书签。
(4)将网页文件保存起来,并在浏览器中浏览。当单击第二行上的“个人信息”、“兴趣爱好”、“喜爱站点”时,屏幕会自动滚动到相应的书签位置并显示内容。
四)、超链接的编辑
1、修改超链接目的端
右击链接源→超链接属性→编辑超链接对话框→选择要链接的目的端→ok
2、设置超链接颜色
右击网页空白处→主题→修改→颜色→自定义→项目→超链接→颜色→ok→另存为→保存主题→ok
3、删除超链接
方法1:选中超链接文本或图片→delete
方法2:右击超链接(在网页视图模式下)→超链接属性→在url地址栏中,删除其内容→ok
课件5张PPT。设置超链接【教学目标】 1、掌握文字、图片链接的方法 2、能够链接到邮箱和网站【教学重点】 掌握网页链接的方法 【教学难点】 理解超链接的概念和作用一、导入： 上节我们制作了首页，但上面的导航栏还没有起相应的作用，这就用到超链接了。 二、新课 1、在首页上设置超链接 参考34页的内容 小组讨论，学习，操作；交流，展示，点评。 2、在二级页面上制作返回主页超链接或在二级页面上添加导航栏。 小组讨论，学习，操作；交流，展示，点评。 3、链接网站和图片 小组讨论，学习，操作；交流，展示，点评。 4、链接邮箱 小组讨论，学习，操作；交流，展示，点评。谢谢！
