第十五课 设置超链接 教学设计 (2)

文档属性

名称 第十五课 设置超链接 教学设计 (2)
格式 zip
文件大小 11.4KB
资源类型 教案
版本资源 浙教版
科目 信息技术(信息科技)
更新时间 2016-10-13 14:11:37

图片预览

文档简介

第十五课
设置超链接
教学设计
1教学目标
知识与技能
1.了解超链接的作用。
2.熟练掌握在网页中设置超链接的方法
3.能根据实际需要在网页中修改超链接的属性
过程与方法
通过对不同超链接对象的灵活设置,掌握超链接的设置以及属性的修改,在实际的情况下的应用
情感态度与价值观
通过对自己网页的设计过程,培养学生创新、审美以及自主探索的精神
2学情分析
本课是八年级上第十八课,主要学习在网页中设置超级链接,在网页中设置超链接的步骤比学生在上学期学习的在Word中设置超链接的步骤还要简单,对学生来说难度不大。教材特别强调了让学生去体会超链接的目标可以是一张图片、一个文件或者一个电子邮件地址,因此在教学中应该有意识的让学生去全面体验超链接的多样性。教材中还提到了管理超链接的问题,在教学过程中应该让学生有意识的去管理已经设置好的超链接。新窗口打开超链接的设置方法需要教师做适当的提示。总的来说,本节课既有对以前学过的超链接知识的复习,也有对超链接新的认识。
3重点难点
重点:1.熟练掌握在网页中给不同对象设置到不同目标的超链接的方法
2.掌握在新窗口打开超链接的设置方法
难点:1.掌握修改超链接属性的方法
2.掌握书签以及页面内超链接的设置方法
4教学过程
活动1【导入】情境导入
【网站欣赏、创设情境】
展示淘宝网页
提问:同学们,大家平时会上淘宝网吗?淘宝网上有成千上万个店铺,成千上万个页面,那么他们是怎么组合在一起的呢?点击淘宝网页面中的链接,有新的网页从新窗口跳出。学生:超链接
导入:那我们今天就要来学习超链接,将我们前几节课制作的主页与分页面链接起来。
设计意图:
通过淘宝网这个同学们比较熟悉的网站为例子,引起学生关注,能够直观的使学生了解到超链接的实用性
活动2【讲授】讲授新知
【超链接的设置】
教师展示事先准备好”的网站
提问:超链接我们曾经在七年级时学过,有同学愿意上来尝试在我们的网页中建立超链接吗?为我们主页导航栏中的图集栏目做一个超链接,链接到我们tuji的分页面
主页面
图集分页面
学生愿意就请学生尝试操作,不愿意就自己演示文字超链接的设置(强调链接的位置),保存后,展示设置好的文字超链接效果
我们刚刚看到,我们在点击淘宝网上的链接时有一个新的页面跳出来,而我们刚刚设置的超链接则是直接将原来的页面覆盖掉,那在新窗口中打开原有网页是如何设置的呢?
讲解演示目标框架的设置——在新建窗口打开超链接页面
提问:我们已经对文字设置了超链接,那图片是不是也可以设置超链接呢?
演示图片的超链接(强调Frontpage自动记录浏览过网址的特点)
呈现课堂任务一:打开站点文件夹中的页面,按照你的页面设计,为相应的文字或者图片添加超链接实现主页与分页面之间的跳转。
提供帮助:
给出任务一文档,有详细任务内容以及任务的操作教程
教师在教室内巡视,对个别学生进行指导
活动3【活动】课堂任务二
【同页面内超链接的设置】
1.同学们刚刚我们对图片设置了超链接,点击跳转到百度百科的人物介绍,我们发现,这个人物介绍的网页是不是很长?我们想要返回网页的最上方是不是很不方便?这边有一个TOP的文字,我们点击它可以一下子回到网页的最上方,那这个是怎么做到的呢?对,它也是超链接,刚刚我们学习的是不同页面的超链接,这个是同页面的超链接,在设置超链接之前我们先要在网页上方的位置插入一个书签,它起到一个什么作用呢?
2.讲解演示书签的插入以及页面内超链接的设置
3.保存展示完成后效果
4.观察仔细的同学有没有发现,我们的超链接的文字在点击前后发生了什么变化?对,她的颜色发生了改变,我们一起来看看她是怎么样设置的
5.讲解演示超链接属性的设置,重点讲颜色、提一下字体等。
呈现课堂任务二:
1、根据你的网站色调设置超链接颜色
2、选做任务:
设置超链接窗口框架为新建窗口
在网页中插入书签,建立本页面内的超链接
设计意图:
1.利用学生的有学习兴趣,趁热打铁,讲授新知识,效果会更好;
2.每个知识点操作后的效果展示可以给同学更直观的感受,激发其尝试的想法
3.任务的分层次布置可以适合班级内不同程度同学的需求,在保证基本任务的情况下有所提升
活动4【作业】课堂小结
1.展示几位学生作品并做适当点评
2.强调学生保存上交作品的内容并要求其上交后再次查看,防止作业丢失情况再次发生