教育信息化在线互动课堂

A6技术支持的课堂讲授

发布时间:2023-06-02 09:25 栏目:在线互动课堂 发布单位:青铜峡市第四中学 点击量:174 【公开】

作业一:教学设计

《设置网页背景》教学设计

    青铜峡市第四中学   朱娜

一、案例背景信息

1.模块(或章节):模块9 设置网页背景 第9课 设置网页背景

2.年级:九年级

3.所用教材版本:宁夏教育厅教研室编著,电子工业出版社出版。

4.学时数:1课时

5.非上机时间大约10分钟,上机操作时间大约30分钟

二、教材分析

《设置网页背景》是九年级信息技术上册第9课的内容,本节内容包含了三方面内容:1、为网页设置颜色背景2、为网页设置图像背景3、为网页中表格设置背景(颜色和图片)。其中为网页中的表格设置背景(颜色和图片),相对难度较大。

三、学情分析

本次教学对象为九年级学生,通过前面的学习,学生对网站制作充满兴趣,能设计制作个人网站更是学生心中的梦想。通过前期的创建站点、制作主页、规划主页、制作子页、到本课的美化网页任务水到渠成。

四、教学目标

1、学会为网页设置颜色背景的方法。

2、学会为网页设置图像背景的方法

3、学会为网页中表格填加图像背景的方法。

五、教学重难点

1、学会为网页设置颜色背景的方法。

2、学会为网页设置图像背景的方法

3、学会为网页中表格填加图像背景的方法。

六、教学过程

教学

环节

教师活动

学生活动

设计意图

引入

新课

导学慧学

上节课我们学习了第8课 建立超链接大家还记得网站中的超链接有几种吗?

教师依据学生回答操作演示。

导问研学

网站制作到这个环节,我们也能看到网页上的元素很多,制作网页时,除了要规划好版面结构外,还要综合考虑页面中各元素的合理搭配和美化,使网页既便于浏览,又能吸引读者的注意力。

今天我们来学习第9课设置网页背景

 

学生集体回答问题

 

 

 

 

复习巩固旧知识

 

 

 

引入新课,并学生明白设置背景的意义。

 

 

 

 

 

 

 

 

 

 

 


导学慧学

一、设置网页颜色背景

设置网页背景通常有添加颜色背景和图片背景两种方式。如同为幻灯片添加背景一样,网页的背景设计也十分重要,好的网页背景不但能有效地烘托网站主题,还能加深访问者对整个网站的印象。颜色背景在网页中最常用,它的设置简单,浏览网页时显示速度也快。

 

 

学生认真听课

 

 

思考如何设置网页颜色背景

 

 

 

 

 

 

 

通过听课明白设置背景的目的

做一做

课本P69“做一做”

为“宁夏风光”网站的主页(index.html)设置颜色背景。

同学们参照课本p69—71方法,自主学习

 

师:巡视观察学生出现的易错点

学生:让提前完成“做一做”的同学来演示步骤。

 

 

 

师:讲解P70页“小博士”“外观(HTML)和“外观(CSS)”的区别以有误颜色列表框中提供的颜色不满意,如何添加

给2分钟时间进行完善

 

课本P71页“试试看”

布置任务:为进一步巩固知识点完成 

为“宁夏风光”网站中的列表页模板(mb1.dwt)的网页设置全适的背景颜色。

 

教师:针对学生的作业,进行抽查展示。

 

布置任务:学生完成“做一做”

 

学生自主学习“做一做”

 

 

 

 

学生演示

其他同学观看

 

 

 

 

学生听课理解

 

 

 

学生完善“做一做”

 

学生完成

“试试看”

 

 

 

学生观看谈感受

 

 

学生完成“做一做”

 

 

 

 

 

 

给学生提供展示自我的平台

 

 

 

 

通过“小博士”的阅读,让学生明HTML和CSS的区别,学生就不易出错。

 

 

 

通过“试试看”练习,学生对网页颜色背景的填加更深的掌握。


导学慧学

二、为网页设置图像背景

为了增强网页的视觉效果,可以将与主题相关、具有代表性的图像设置为网页背景,这样不仅能使页面更美观,而且能更直观地向用户表达网站的主题。

但是使用图像做网页背景也有不利的方面:一是影响网页加载速度,二是在显示效果方面,图像背景可能会干扰对网页上文字的辨认。所以,用做背景的图像要尽量干净、简单且字节小,有时还需要做技术处理。

 

 

学生听课

 

 

 


做一做

“做一做”课本P71页

将“宁夏风光”网站images文件夹“bg.jpg”文件中的图像设置为主页的背景。

同学们参照课本p71—72方法,自主学习

 

 

师:巡视观察学生出现的易错点

学生:让提前完成“做一做”的同学来演示步骤。

 

师:讲解P72页“小博士”

 

 

 

 

 

提问:如何为“宁夏风光”主页的导航栏设置图像背景?

引出“试试看”

学生自主学习“做一做”

 

 

学生演示

其他同学观看

 

 

学生听课

 

学生操作

 

评论作品

 

 

 

 

 

 

 

 

给学生提供展示自我的平台

 

 

通过“小博士”的阅读,使学生明白同时设置图像背景和颜色背景的结果

 

 

通过“试试看”任务让学生进一步巩固本节课所学知识


试试看

 

1、阅读P73页“试试看”,自主实践

 

师:巡视,发现没有一个同学完成导航栏图像背景的设置,因此老师演示方法。

学生:完成“试试看”

 

师:检查完成的情况,并进行交流分享

2、阅读P73页“试试看,自主完成

 

学生自主实践

 

 

 

学生观看老师的步骤

 

 

 

学生完成

试试看

 

 

 

 

 

 

 

 

通过“综合任务”让学生巩固了本节课的为表格设置背景,并通过评论作品让学生更进一步了解设置背景对网页的作用及注意事项。



总结

提问:这节课你有什么收获?

学生回答

通过提问总结本节课学生收获。

 

作业二:课堂实录

作业三:教学反思

教学反思:

本节课是九年级上册《设置网页背景》内容的第九课的内容,想要建设一个好的网站,不仅前期的规划设计重要,而且对网页进行修饰和美化也很重要。本节课紧紧围绕设置网页背景进行设计教学。任务驱动贯穿于整个教学过程始终。学生通过自主学习、尝试操作、交流讨论等完成学习任务。

我认为有以下成功的地方:

1、教学中充分发挥互联网的作用,注重培养学生的学习兴趣。通过课前手势操,目的让学生以轻松、愉快的氛围中学习,激发学生强烈的学习欲望。其次,我选择希沃白板手机移动端进行教学,给学生提供了一个立体多元化的教学形式。同时,对我个人来说,我可以随时随地进行授课,不受场地的限制,也可以资源共享。

2、教学中注重发挥小组协作能力。不仅小组内成员交流探讨,而且通过演示交流,小组间相互评价,既活跃了课堂气氛,又培养了学生的协作探究能力和口语表达能力。

3、教学中教师以任务驱动的教学方式来引导学生,在学生完成一个个任务的同时来达成学习目标,同时也培养学生动手能力,培养学生自主探究能力。

4、教学中教师以任务驱动的教学方式来引导学生,在学生完成一个个任务的同时来达成学习目标,同时也培养学生动手能力,培养学生自主探究能力。

教学中不足之处:

1、未对学情做充分的了解与分析,教学内容一味求全,因为学生观察能力、思维能力不足,没有将网站制作理念完全贯彻给学生,可能造成部分学生上课时兴趣不高。

2、没有及时关注到个别能力弱的同学

经历了这堂课,对我而言也收获了一些经验,在今后的教学中,我会更多关注学生,关注学生的思维意识,更好地提高课堂教学效率。

 



上一篇 : | 下一篇 : B1技术支持的测验与练习

评论

还能输入140

用户评论

Copyright© 2020 nxeduyun.com. All rights reserved   宁ICP备16000125号   宁公网安备 64010602000493号    宁ICP备16000125号
版权所有:宁夏回族自治区教育厅    技术支持:宁夏教育信息化管理中心 客户服务热线:0951-5559291   0951-5559148 校园开放平台
学校地址:宁夏回族自治区吴忠市青铜峡市龙海商业街对面     联系邮箱:pwjdb@126.com
640381040000010