1.1编辑网页信息　教学设计　 2025-2026学年电子工业版 （2022）初中信息科技第二册

该初中信息科技教学设计聚焦利用H5在线网页编辑平台制作网页，通过播放“科技节”视频创设情境，引导学生先搜索浏览优秀网页总结特点，再认识H5网页优势，进而学习制作主题网页，构建从信息甄别到数字化创作的学习支架。 亮点在于以真实任务驱动，活动1让学生筛选优秀网页培养信息意识，活动3自主探究页面跳转提升数字化学习与创新能力，小组讨论H5特点并展示作品落实信息社会责任。采用任务驱动与自主探究结合的教学方法，环节清晰贴近生活，助力学生提升信息处理与创作能力，便于教师高效落实核心素养。

教学设计 课程基本信息 学科 信息科技 年级 七年级 学期 春季 课题 1.1编辑网页信息 课标要求及核心素养培养 内容要求： 学会使用在线网页编辑工具制作网页，表达创作思想。 核心素养培养： 信息意识：能根据学习需求，选择合适的方式进行信息检索，有效辨别数据的可靠性和时效性；能选择合适的H5模板美化网页。 计算思维：理解计算机解决问题的过程与方法。 数字化学习与创新：合理运用搜索引擎获取、交流、评价信息资源，创造性地解决问题，完成数字化创新H5网页作品。 信息社会责任：遵照网络法律法规和伦理道德规范使用互联网，学会甄别网络信息。 教学目标 1.会利用H5在线网页编辑平台制作简单的网页，表达创作思想。 2.了解H5在线编辑平台。 3.能够利用网络资源搜集信息。 4.能够利用网络资源筛选信息。 5.能够利用网络编辑平台的模板美化网页作品。 教学重难点 教学重点： 1. 会利用H5在线网页编辑平台制作简单的网页，表达创作思想。 2. 了解H5在线编辑平台。 教学难点： 会利用H5在线网页编辑平台制作简单的网页，表达创作思想。 教学策略 教法：采用创设情境、任务驱动、小组讨论等方法，让学生在真实问题情境中，探索交流解决问题的办法。 学法：学生通过自主探究、合作学习等方法，在活动任务的指引下，思考并解决问题，逐步构建学习支架，突破本节课的学习重点；通过小组讨论、交流分享信息。 教学过程 环节 教师活动 学生活动 设计意图 教学目标 出示教学目标 学习教学目标 明确任务 情 景 导 入 播放“科技节”的视频。 学校即将迎来一年一度的科技节，本届科技界的主题是“科技创新 自主可控”，七年级1班的同学们打算制作一个与主题相关的网页，让更多同学了解我国科技发展的现状，感受科技的魅力。 观看“科技节”视频 教师引导生活中的案例,学生思考问题。 激发学生对科技的兴趣，引入用网页宣传科技的课程内容。 浏 览 网 页 网络上有各种各样丰富的网页，我们通过上网都可以看到，怎么取其精华去其糟粕呢？请同学们通过下面活动，学习优秀网页的特点。 活动1：请同学们在互联网中搜索并浏览与科技创新内容相关的网页，把你认为优秀的网页收藏下来，总结优秀网页在设计与制作方面有哪些可借鉴之处，填写到表格中。 搜索浏览与信息相关的网页，总结常见的优秀网页的特点。 教师汇总展示优秀网页的特点。 借助互联网查找优秀网页，并总结归纳特点。 活动1：请同学们在互联网中搜索并浏览与科技创新内容相关的网页，把你认为优秀的网页收藏下来，总结优秀网页在设计与制作方面有哪些可借鉴之处，填写到表格中。 学生提交表格。 教师提出问题， 学生使用互联网解决问题的能力。 学生通过网络检索与信息筛选的方式，采用问题引领、任务驱动的方式，让学生在探索中总结出优秀网页的特点。 认 识 H5 网 页 H5网页应用广泛。我们平时在移动设备上看到的邀请函、贺卡、小游戏、测试题等都是H5网页。展示H5网页作品 活动2：你在生活中见过或者使用过哪些H5网页呢？查找资料，小组合作学习说说H5网页都有什么特点？ 介绍H5网页： HTML语言(超文本标记语言)就是一种标准通用的网页信息表示语言。 HTML语言现在已经发展到第五代，简称为HTML5。 H5网页是以HTML5语言为主要技术制作的网页。 H5网页的特点：H5有简单易上手、交互性强、所见即所得、页面显示效果更丰富，适合在移动设备中传播等优势。 学生认识H5网页。 活动2：查找资料，小组合作学习说说H5网页都有什么特点？ 了解H5网页。 了解H5网页的优势。 给学生展示常见H5网页，学生学习了解。 学生通过小组合作学习在互联网中搜集H5网页的特点，了解H5网页的相关信息。 学生学习了解H5网页基础知识。 制 作 网 页 介绍H5网页的界面。 制作“科技创新 自主可控”网页第一页“欢迎页”的内容。介绍制作的八个步骤。学生完成项目实施的活动。 项目实施： 完善“科技创新 自主可控”主题网页“欢迎页”（第一页）的内容，制作完成 1.在网页中添加“中国空间站”按钮 2.为网页生成二维码，并分享。 知识拓展： H5网页除了上述功能，很多在线网页编辑平台都提供了各种各样的模板。我们可以挑选自己喜欢的模板，把收集到的文字、图片、音乐和视频等素材添加到模板中并设置动画、效果等。 学习H5网页的界面。 学习“科技创新 自主可控”网页第一页“欢迎页”的内容。 项目实施： 完善“科技创新 自主可控”主题网页“欢迎页”（第一页）的内容，制作完成 1. 在网页中添加“中国空间站”按钮 2. 为网页生成二维码，并分享。 了解H5网页可使用模板美化页面。 采用教师讲解，学生学习的方式，学生学习H5网页的操作后完成项目实施任务进行巩固练习。 巩 固 练 习 活动3：请同学们阅读课本第十页的内容，并且参照老师分发的导学案，自主探究学习目标对象“跳转”的效果，完成页面间的“跳转”。 学生展示操作。 巩固练习： 1.制作“科技创新 自主可控”主题网页第二页的内容。（设置页面背景颜色、添加文本、图片和返回按钮） 2.在”欢迎页”为”中国空间站”按钮添加跳转到第二页。 3.查找关于“自研芯片”和“中国天眼”的资料，制作以“自研芯片”和“中国天眼”为主题的第三四页网页，并实现页面跳转与返回的效果。 学生作品展示，教师评价，学生上传到人人通空间评价。 学生自主探究学习完成任务三。 学生操作展示。 学生完成巩固练习网页的制作，并且完成页面之间的跳转。 学生展示作品，在人人通空间点赞评价。 采用学生自主探究学习后演示操作的方式学习界面“跳转”。教师补充说明。 学生利用所学习知识操作制作网页并实现跳转，巩固本节课知识点，制作网页作品，学生分享交流评价，展示创意，提升核心素养能力。 课 堂 总 结 1.学习了网络上的优秀网页的特点。 2.了解了H5网页工具。 3.学习了H5网页在线平台的操作。 4.制作出了丰富的科技创新网页作品。 学生归纳本节课的知识 回忆所学内容，形成知识体系 学科网（北京）股份有限公司 $