内容正文:
《探秘网页与代码》教学设计方案
课程名称
信息科技
授课名称
第16课 探秘网页与代码
教材名称
人教版《义务教育信息科技课程教学指南 互联网应用与创新 七年级全一册》
授课对象
七年级学生
授课课时
1课时
教材分析
1、 课程标准依据:
本课选自人教版《义务教育信息科技课程教学指南 互联网应用与创新 七年级全一册》的内容,对应《义务教育信息科技课程标准(2022年版)》中“网络”模块的要求,旨在引导学生认识信息科技的价值与作用。
2、 内容结构分析:
本课属于教材中的第16课,主要内容是围绕网页与代码的关系展开,侧重于实践应用探究,为后续学习网页制作奠定了基础。
学情分析
1、 知识基础:
已知:学生已经了解了网页的概念和特点,能正确访问相关网页的内容。
未知:对网页与代码之间的关系不明确,尚未接触过HTML语言。
2、 学习风格:
七年级的学生思维活跃,好奇心强,接受新事物快,自主学习能力需逐步培养。
3、 认知水平:
处于从具象思维向抽象思维过渡的阶段,需要借助直观案例、类比以及实践操作来帮助理解。逻辑思维能力初步形成,但复杂问题分解能力较弱。
教学目标
1、 知识与技能:能阐述网页与代码之间的关系,初步认识HTML语言,知道常用标签的作用。(信息意识)
2、 过程与方法:能通过验证网页内容保存形式的过程提高动手实践能力。(计算思维)
3、 情感、态度与价值观:能在解决网页与代码的相关问题中体验网页与实际生活的联系,提升信息素养。(数字化学习与创新、信息社会责任)
教学重难点
重点:网页与代码的关系
难点:HTML语言及标签的作用
教学方法
教法:讲授法、讨论法
学法:自主学习、合作学习
教学过程
教学环节
教师活动
学生活动
设计意图
问题导入
【提出问题】大家最常访问的网页是什么?网页里面有什么内容?
【追加思考】为什么网页能够展现图文声像?又是怎么样实现跳转的呢?
【思考问题】回忆最常访问的网页并回答问题。
【回答问题】思考回答为什么网页能够展现图文声像?又是怎么样实现跳转的呢?
通过提问与学生相关的问题结合以学生为主体的思想,联系真实情景,促进学生思考,让学生沉浸课堂。
网页与HTML代码
【个人实践】布置个人任务:双击打开老师下发的“3D打印.html”文件,根据教材86页的内容使用喜欢的AI工具帮助理解网页中的代码,然后进行观察思考,说说你的发现。
【实验操作】为了验证网页及其对应的代码的作用,请利用老师下发的网页仿真工具进行实践:修改左边的主要内容,观察右边原网页的变化。
【代码讲解】讲解常用网页标签。
【动手操作】利用AI工具理解网页中的代码并进行思考回答问题。
【实验操作】利用网页仿真工具进行实践。
【听讲】听讲常用网页标签。
让学生在使用AI工具的和动手实践的过程中加深对网页和HTML代码的理解,培养学生自主思考和动手实践的能力,达到“做中学”的目的。
显示网页的过程
【合作学习】布置小组任务:按照信息科技小组的形式利用AI工具生成网页HTML代码,并总结用了哪些网页常用标签,分组展示。
【小组汇报】在“我最喜欢的网页”收集表中填写最喜欢的网页的设计小组,请最受欢迎网页的小组进行汇报使用了哪些网络标签。
【分组学习】按照信息科技小组的形式利用AI工具生成网页HTML代码,并总结用了哪些网页常用标签,分组展示。
【投票选举】在“我最喜欢的网页”收集表中填写最喜欢的网页的设计小组。
【汇报内容】听讲小组汇报或汇报内容。
设置小组任务来实现合作学习,使学生在合作交流和汇报中发散思维,达到思维碰撞的目的,促进知识的内化和吸收,培养学生的沟通交流能力与创新意识。
HTML代码与网页文件
【观察思考】学生观察思考网页代码能运行成网页的关键是什么?
【实验操作】完成教材88页的学习活动3,思考总结HTML代码与网页文件的关系。
【总结归纳】HTML代码与网页文件的关系。
【回答问题】网页代码能运行成网页的关键是什么?
【动手实验】完成教材88页的学习活动3,回答HTML代码与网页文件的关系。
【听讲】HTML代码与网页文件的关系。
通过观察思考和实验操作来证明HTML代码与网页文件的关系,加深知识的理解和强化学生的观察思考能力和动手实践能力。
总结归纳
【总结归纳】总结网页与代码的相关知识框架。
【听讲】回忆所学知识点和分享学习收获。
通过梳理知识体系帮助学生建立知识框架,形成长期记忆。
课后思考
【实验探究】网络中包含的图片、视频、音频等必须保存在网页所在的那个网站中吗?下节课分享。
【课后实践】完成实验探究的内容。
通过课后实践让学生发散思维,对本节课知识进行巩固,促进知识迁移。
板书设计
探秘网页与代码
1、 网页与HTML代码
2、 显示网页的过程
3、 HTML代码与网页文件
学科网(北京)股份有限公司
$$