4.3 网站实现——建立超链接
教学目标:
知识目标/技能目标
·知识目标
理解超链接的概念。
理解导航栏在网页设计中的重要性。
·技能目标
掌握在网页中插入超链接的一般过程;
熟练掌握将链接指向站点内、站点外和电子信箱的一般方法;
学会在网站内设置导航栏。
过程与方法目标
能够根据实际需要,选择不同的网页素材、建立不同的链接。
情感态度与价值观目标
体会万物皆有联系,加强与父母、老师和同学之间沟通和交流,虚心听取别人的意见,不至于在自己的成长过程中迷失方向,培养学生自主学习和协作学习的能力。
教学重点:“创建超链接”对话框;标签链接。
教学难点:导航栏的设置。
教学过程:
第一阶段:导入新课,明确学习目标
教学 环节 |
教师活动 |
学生活动 |
设计理念 |
导入新课 |
引导学生“读一读”。
师:“超链接”是网页存在的基础,否则因特网也不会如此绚丽多彩,我们也不可能完成网页的浏览。如何设置超链接将是我们这一节课要学习的主要内容。 |
阅读材料 |
由“阿拉丁与神灯”的童话引出超链接的概念,让学生通过对童话中情节的想像理解这一概念,激发学习兴趣。 |
第二阶段:范例精讲,学生自主探究,完成范例
教学 环节 |
教师活动 |
学生活动 |
设计理念 |
学习
与
探究 |
师:如果我们去旅游,需要确定哪几件事情?(起点、目的地以及交通工具)
师:今天我们学习的超链接的设置与我们的旅游类似,也要指定三个要素:起点(文字或图片)、目的地(到的目标)以及链接方式(协议)。请大家参照教材提示打开“创建超链接”对话框,然后完成以下任务:
一、建立站点内的链接
师:根据教材中“做一做”的要求,完成相应链接。
二、建立到其它网站的链接
师:根据教材 “做一做”要求完成相应链接。 教师强调:以上两种链接方式链接对象可以是网页,也可以是应用程序、图片、音频、视频等类型的文件,只不过打开链接的方式会有所不同。
三、建立到邮箱的链接
师:设置到邮箱的超链接,观察与前面两种链接的区别。
师:预览网页时,观察打开三种链接方式的不同之处。
四、建立到书签的链接
师:因内容关系,有的网页可能需要几屏才能全部显示,这时需要我们建立网页内部的超链接,这就是书签链接。
步骤一:建立书签
步骤二:建立到书签和链接
师:预览网页,观察是否还有缺陷?该怎么改进?
五、设置网站导航栏
师:根据教材提示,结合第二课网页模板设置网站的导航栏。 |
生:回答问题
参照教材提示,打开Index.htm文件,选定文字或图片,打开“创建超链接”对话框。
完成相应操作
分组打开网页Domain.htm,将网页中“我要下载”链接目标指向多种文件类型,讨论不同类型的链接目标打开时的区别。
操作,观察
针对Domain.htm插入书签,并建立到书签的链接。
分组讨论存在的问题。
分组讨论导航栏的设置方法。 |
设置超链接都是在同一个对话框中进行,所以这部分操作是相同的。
知识的拓展,让学生知道超链接目标的多样性。
通过预览强化记忆。
由学生思考得出建立返回页首的书签链接。
非重点知识,不深入讲解。 |
第三阶段:知识、情感拓展
教学 环节 |
教师活动 |
学生活动 |
设计理念 |
知识与情感 |
师:网页中的超链接将因特网资源形成一个有机的整体,网页间能够方便地相互访问,给我们带来了方便;在你的成长过程中,又有多少人为你的成长付出了艰辛和努力呢?你和他们进行过联系和沟通吗?请你采用不同的方式与他们进行交流,表达你的感恩之情。 |
通过书信、电子邮件、电话、QQ等通信方式与人交流,表达感恩之情。 |
体会万物皆有联系,加强与父母、老师和同学之间的交流与沟通。 |
第四阶段:综合实践,巩固与提高,自由创作,迁移运用
教学 环节 |
教师活动 |
学生活动 |
设计理念 |
实践 与 创新 |
一、打开Neighbor.htm,进行相关超链接的设置。
二、打开Parents.htm,修改网页内容,将前几课的网页Feeling1.htm~Feeling3.htm作为网站的三级网页。
三、尝试改变超链接文字三种状态的颜色。 |
根据要求完成操作,并对超链接做一下总结。 |
完善网站的二、三级网页,逐步形成一个完整的网站,以用后续工作(网站发布)的展开。 |
第五阶段:教学总结,设疑激趣,为下一节课作好铺垫
教学 环节 |
教师活动 |
学生活动 |
设计理念 |
课堂小结 |
课堂小结本节课的学习内容。
师:学习完本节课的内容,网站已经初具规模。但是,小宇的愿望实现了吗?我们在Internet上能够访问到吗?
师:如果不能访问,我们怎样才能实现这个愿望呢?
师:请同学们课后预习第六课的内容──网站的发布与维护。 |
回顾,总结
思考,尝试
|
以小宇建站的主线贯穿整个单元,以问题的形式激发学生学习新知识的兴趣。 |
评课记录: 万江:个人基本功扎实,课程经过精心设计,主线清晰,各环节过渡自然,善于引导学生,但是实践设计还有待进一步开发完善。 石红:理论知识的体验不够深入,可以借助硬件直观展示。 夏国生:主线清晰,善于启发学生,建议可以增加学生对于生活中的网络与网络设备的讨论环节。
教学反思:
超链接是网页中最显著的特征,也是网页设计中的重点和难点。在教学过程中,应注重让学生通过实践理解超链接的概念,并熟练运用。通过设置超链接的操作,使学生掌握网页中超链接的制作方法,总结出操作的规律,培养学生自主学习和协作学习的能力。通过设置超链接将独立的网页串成一个有机的整体,使学生感受成功的喜悦。
我认为技术是一种自我需求下的探索,因此我以体现 “教师为主导、以学生为主体”的教学理念为指导。本节课在教法上是采用了“提出任务→探究学习→交流反馈”的思路来进行的。
在教学中,始终注意对学生的学法进行引导。在学生操作,学具辅助、教师指导的过程中,通过多次问答的互动,与学生上台演示,台下操作等互动,潜移默化地把学生引入正确的学习途径。引导学生勤于思考,大胆实践,善于总结,激发学生的创造力。平时课中我就注重倡导学生自主学习,碰到困难要想办法,通过同伴、通过老师、通过学件、通过网络等获得帮助。
在设计这堂课的时候,我以学生的角度出发,充分考虑到学生有可能会出现的操作,有备而战,取之于学生,用之于学生,而没有把自己的思维与判断强加于学生,并采用分组学习的方法,使学生充分感受到团结与合作的力量。