您好,欢迎访问三七文档
当前位置:首页 > 机械/制造/汽车 > 汽车理论 > 第18课建立超链接教学设计
第18课建立超链接一、教学目标知识目标:1.巩固超链接概念。技能目标:2.掌握在主页和分栏目板块之间建立超级链接。3.学会设置超链接属性来管理超链接的网页。情感目标:“超链接”功能实现了网页成为信息源传播源。它让多个网页多个网站联成一体,扩充了英特网的强大、动态、互联的功能。学生在本课学习中通过运用超链接技术,深刻理解英特网“超链接”的意义。二、重点难点教学重点:为多个栏目网页之间建立超链接;教学难点:设置超链接的属性。三、环境与素材1.教学环境:多媒体网络教室,学生计算机中安装IE6.0以上版本及Frontpage2003以上中文版,要求能上因特网。2.教学素材:学生素材库包括示例站点文件夹、帮助文档。四、教学过程设计:(一)、引入(5分钟)师:12月25日,是什么节日?生思考师:圣诞节快到了,老师准备了一份礼物想送给同学们。生猜想是什么礼物师:(打开礼物)原来是一个网站,打开一起来欣赏吧。生观看欣赏师:这是一个有关“海绵宝宝”的网站,好像是一部卡通片。我们看看“动画介绍”页面的内容。师:(先打开未做好超链接的分栏目页面)欣赏起来好累哦。(再打开已经做好超链接的分栏目页面)都这样欣赏就轻松多了嘛。师:有什么方法可以解决呢?(设计意图:让生观察思考发现问题,引出课的内容)生:超链接师:同学们跟老师想到一块去了。师:什么是超链接?(请生来说说,讨论)生思考讨论师:(打开网络上一个网站文字图片超链接操作)鼠标形状手形单击跳转另一个页面师:(ppt展示)超链接概念。师:你会建立超链接吗?生思考师:(ppt展示)今天我们就来学习建立超链接(二)、建立超链接(分钟)A.布置任务一:建立主页与分栏目页面间的超链接师:你知道如何建立超链接吗?先来试试看!师:桌面上有一个名为“老师发送的文件”文件夹,这个文件夹里有三个文件夹,分别为:站点文件夹“hmbbly”,提供帮助的“锦囊”文件夹,课堂需要完成的“任务”文件夹打开站点文件夹hmbbly,选中首页index.htm,鼠标右击选择打开方式,选择“frontpage”软件编辑。任务一:1.为首页中分栏目文字与其网页间做好对应的超链接。2.为分栏目页面中的首页文字与首页(index.htm)间做好返回首页的超链接。3.保存网页文件到站点文件夹hmbbly中,打开网页浏览,检验超链接是否设置成功!思考:网页中的图片可以建立超链接吗?生自主学习,思考,操作,完成任务,师巡视并指导有困难的学生,并观察学生的操作及可能碰到的困难。B.(屏幕切换)请一生展示完成的作品并演示操作,师给予适当评价,讲解建立超链接的步骤,URL(网站中页面,其他网站)师:(利用教师机远程控制学生机,屏幕切换)同学们操作得都非常认真,老师发现**同学任务完成特完整,一起来欣赏吧。(学生端全体广播)生观看师:(请生到教师机上演示讲解)大家欢迎**同学到前面来给大家演示讲解操作建立超链接的制作过程。生:鼓掌鼓励,师带头。生演示操作(速度慢),师从旁协助讲解整个建立超链接几个重要步骤。师:**同学已然是个小老师,非常感谢她的精彩演示,一起为她鼓掌。师:刚还有一个思考题,同学们想到了吗?生:。。。。。师:(单击主页中网站链接里其中一张图片简单演示操作)当创建一个超链接时,它的目的端将被编码为URL,也就是统一资源定位符,可以是站点文件夹中一个网页donghuajianjie.htm也可以是其他网站,使互联网上浩瀚资源紧密链接在一起,网站功能更加强大。(URL:当创建一个超链接时,它的目的端将被编码为URL(统一资源定位符),例如:或file://computername/sharedfolder/filename.htm。URL包含了站点服务器或者网络位置、路径和文件名称。)C.设置超链接中,目标框架的设置师:建立了超链接后,我们重新来浏览网站,确实方便多了。师:(浏览时故意操作网页中一个图片超链接)单击某个超链接打开新网页时,会出现一个新窗口,而原有网页窗口却没有消失,如何达到这样的效果?生:思考师:教你一招----编辑超链接中的目标框架师边演示操作,边讲解。目标框架:默认(无)、相同框架、整页、新建窗口、父框架。师:现学现用,我们自己来操作吧。布置任务二:给图片建立超链接,编辑目标框架1.打开站点文件夹hmbbly,选中动画人物(donghuarenwu.htm)页面,鼠标右击选择打开方式,选择“frontpage”软件编辑。2..请根据“锦囊二”提供的方法,给donghuarenwu.htm页面中的每一个动画人物图片(如章鱼哥)建立相应的超链接,并将编辑超链接中目标框架设置为新建窗口。3.保存网页文件,完成后,请在站点文件夹hmbbly中鼠标双击打开donghuarenwu.htm网页浏览检验是否设置成功!生自主学习,思考,操作,完成任务,师巡视并指导有困难的学生,并观察学生的操作及可能碰到的困难。师:任务做完了,效果也出来了,为什么我们要编辑目标框架为新建窗口呢?生:师:新建窗口,如小图看大图。方便浏览。(讲解目标框架,新建窗口的作用)。其他框架,灵活运用。(三)、管理超链接(分钟)A.网页文件重命名,移动文件---更新超链接师:建立超链接后的网站,浏览起来方便多了。这位同学制作这个网站时太匆忙了,(师打开站点文件夹列表,指向其中一张名字乱命名网页)如这张网页的名称随意命名,相关的网页文件也没有存放在相应的文件夹中,使同学们建立超链接时不停猜测是哪个分栏目页面。师:设置超链接的网页,可以再修改、编辑吗?师:ppt展示1.修改网页名,会影响原先设计的超链接吗?2.如果在站点上移动了一个文件的位置,会影响原先设计的超链接吗?生:会影响不会影响师:到底会不会影响呢?我们一起实验下吧。师操作生观察思考师:不会影响答对了答错了的同学也不气馁,刚不是又学了一招。B.超链接关键词颜色设置----网页属性-格式师:一个优秀的网站除了建立超链接网站功能外,还需要进行管理与维护,刚我们已经学了网站管理的其中一种技术,还有其它的。师:老师这就有一个疑问,可能同学们也碰到过,看看改用哪种技术解决?师:打开网页浏览,指出访问过的超链接关键词的颜色跟整个网页风格不协调,我们自己可以控制其颜色吗?生:师:网页属性—格式(四)、总结(分钟)1、超链接概念、建立1.URL2.目标框架的设置3.已设置超链接的网页的重命名和移动4.超链接关键词颜色的控制5.(五)、总结(分钟)拓展任务:利用今天课堂所学知识,请将你自己制作的网站中主页与分页面间建立超链接,并对你的网站进行相适应的维护管理(网页重命名、移动、超链接关键词颜色)。交流赏析体验美好(展示学生制作成果,师生共评)课堂结束语:你能有所收获就是给老师最好的礼物。
本文标题:第18课建立超链接教学设计
链接地址:https://www.777doc.com/doc-2244229 .html