1.1编辑网页信息 教学设计+作业设计-2022电子工业版 七年级下册

《1.1编辑网页信息》教学设计 教学内容分析 本节课是2022年电子工业出版社出版的七年级下册第一单元第3课。本节课分为三个活动：“浏览网页”“认识H5网页”“制作网页”三部分内容组成。学生通过小组合作探究学习逐步掌握本节课的知识点，具备一定的小组合作能力、探究能力、创新能力等，提升信息社会责任，综合提升信息素养。 教学目标及核心素养指向 1、浏览网页，能总结优秀网页的优秀之处；（信息意识、计算思维） 2、了解网页的概念及组成元素、了解 HTML和 H5 的概念及特点，知道静态网页和动态网页的区别（信息意识） 3、能制作网页，实现“科技创新·自主可控”主题网页制作（信息意识、计算思维、数字化学习与创新、信息社会责任） 教学重难点 教学重点： 1、浏览网页，能总结优秀网页的优秀之处； 2、了解网页的概念及组成元素、了解 HTML和 H5 的概念及特点，知道静态网页和动态网页的区别 设计原因：了解网页是本节课的主要内容，知识点的渗透需要作为重点内容。 教学难点： 能制作网页，实现“科技创新·自主可控”主题网页制作 设计原因：制作网页在操作上对学生来说比较困难，所以此部分对学生来说难度较高，应作为难点内容。 教学过程 1、情境导入（3分钟） 教师活动 学生活动 情境引入：学校即将迎来一年一度的科技节，本届科技节的主题是“科技创新 自主可控”。 本单元打算制作一个与主题相关的网页，让更多的同学了解我国科技发展的现状，感受科技的魅力。 大家想一想:“制作网页应该使用什么工具呢?” “怎样才能制作一个好的网页?...... 学生听教师引导生活中的案例,学生讨论，回答提问 设计意图： 激发学生对网页的学习兴趣并快速进入学习状态。 2、新知讲授（35分钟） 教师活动 学生活动 活动1：浏览网页 浏览网页是获取信息的重要手段，随着计算机技术和网络技术的飞速发展，网页的呈现形式越来越丰富。 活动2：认识H5网页 随着移动互联网的不断发展，越来越多的商家和企业利用 H5 网页来做营销推广。我们平时在移动设备上看到的邀请函、贺卡、小游戏、测试题等，很多都是 H5 网页。 网页中的信息也像文字、语言一样，需要用一种通用的形式表达。 H5网页是以HTML5语言为主要技术制作的，与以往的静态网页不同，H5网页的互动性更强，页面显示效果更丰富，更适合在移动设备上传播。 活动3：制作网页 教师讲解在H5平台上网页的制作过程 学生通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务 活动1：浏览网页 小组合作探究 在互联网中搜索并浏览与科技创新相关的网页，把你认为优秀的网页收藏下来，完成表格，总结这些优秀的网页在设计与制作方面的可借鉴之处。 活动2：认识H5网页 小组合作交流 你在生活中使用过哪些H5网页？ 查找资料，说一说这些H5网页都有什么特点。 活动3：制作网页 小组合作探究 学生制作网页（1） 1、打开八图网 https://www.zhizuoh5.com/（QQ密码登录，不需要手机验证） 2、制作“科技创新 自主可控”主题网页中“欢迎页”（第一页）的内容。 3、可以使用模板 4、制作完成后预览并生成，准备小组汇报。 5、2人为一小组，小组合作完成，大组长可以下座指导。 学生制作网页（2） 1、制作“科技创新 自主可控”主题网页中“欢迎页”的内容。 2、可以使用模板 3、制作完成后预览并生成，准备小组汇报。 4、2人为一小组，小组合作完成，大组长可以下座指导。 设计意图: 培养学生独立思考的能力，提高核心素养。 3、课堂小结（7分钟） 教师活动 学生活动 总结本课内容： 活动1：浏览网页 活动2：认识H5网页 活动3：制作网页 学生一同回答并梳理知识 设计意图： 帮助学生梳理本节课知识，加深学生对知识的理解。 原创精品资源学科网独家享有版权，侵权必究！6 学科网（北京）股份有限公司 $$ 《1.1编辑网页信息》作业设计 作业分析 作业类型 R基础型作业 R探究型作业 £实践型作业 £跨学科综合作业 作业类别 R课时作业 £单元作业 £学期作业 应用场景 £课前预习 R课中练习 £课后作业 作业对象 R全体学生作业 £学生根据情况可选作业 设计思路 通过比较、综合、拓展，巩固本节课知识点，举一反三，让学生自主探究，掌握新知，沟通交流，提升协作能力。 作业内容 【难度等级：★★★★★】制作“科技创新 自主可控”主题网页第二页的内容，如图所示，设置页面背景颜色，添加文本、图片和“返回”按钮。 原创精品资源学科网独家享有版权，侵权必究！6 学科网（北京）股份有限公司 $$