第三单元 互联网中数据共享—传播中国大运河文化+探索 3 网页的编辑和发布（第二课时）+视频+教学设计2026-2027学年苏科版初中信息科技七年级上册

该初中信息科技教学设计聚焦H5网页制作、调试与发布全流程，通过展示大运河文化H5范例导入，回顾上节课网页规划方案，搭建从规划到实践的学习支架，明确本课制作任务。 特色在于紧扣大运河文化主题，以项目式学习为主线，融合核心素养。播放操作视频并分步演示流程培养计算思维，小组协作完成主题H5制作提升数字化学习与创新能力，融入信息发布规范教育强化信息社会责任。实践探究法等教学方法让学生在真实场景中掌握技能，教师使用时环节完整易操作，有效落实核心素养。

课时编号 备课时间 上课时间 课　　题 第三单元 探索 3 网页的编辑和发布（第二课时） 教学目标 1.信息意识 依托生活・科技・社会电子邀请函、文化宣传 H5 等场景，理解在线平台制作、发布网页的完整流程，认识 H5 网页是大运河文化数据共享的便捷载体，建立「模板选用→素材填充→效果优化→合规发布」的信息传播意识。 2.计算思维 拆解 H5 网页制作的标准化流程：选平台→定模板→添加文字 / 图片/音视频→设置翻页与动画→预览调试→发布分享，学会依据大运河主题选用适配模板，按规划的栏目结构分步填充内容，形成流程化、结构化的制作思维。 3.数字化学习与创新 以小组为单位，结合前期大运河选题与素材，在 H5 制作平台完成网页制作、预览调试与发布分享；自主选用文字、图片、视频等素材搭配方式，设计翻页特效与动画效果，实现大运河文化内容的数字化创新呈现。 4.信息社会责任 知晓网页发布信息存储于服务器端，遵守信息发布规范：不发布违法违规内容、尊重素材版权、标注引用来源，以合规、优质的 H5 网页传播大运河文化，增强文化自信与网络文明意识。 教学重点 H5 网页在线制作平台的使用方法；网页制作的完整流程（模板选择、素材添加、特效设置、预览发布）。 教学难点 结合大运河主题，合理搭配素材、设置翻页与动画效果，实现内容与形式的统一；理解信息发布的服务器存储逻辑与合规要求。 教学方法 实践探究法、小组协作法、任务驱动法、范例演示法 教学准备 1.硬件：联网计算机机房、投影 2.素材：H5网页制作平台（如易企秀、兔展）操作演示视频、大运河 H5 网页范例、各组前期素材库、信息发布规范说明 3.学具：网页制作任务单、发布与分享记录表 教　学　过　程 教学环节 教师活动 学生活动 设计意图 一、情境导入（5min）【生活・科技・社会】 1.展示大运河文化H5网页范例，回顾上节课的网页规划方案，引出课题； 2. 点明本课任务：完成本组大运河主题 H5 网页的制作、调试与发布，板书课题。 回顾本组网页规划，明确制作目标。 立足文化传播场景，落实生活・科技・社会，催生网页制作的实践意识。 二、新知讲解：H5 网页制作流程（10min） 1.播放视频《制作H5页面》 2.讲解 H5 网页在线制作平台的优势：模板丰富、操作便捷、支持多媒体素材； 3.分步演示制作流程： ①选择平台与主题模板 ②添加文字/图片/视频 ③设置翻页与动画效果 ④预览调试 ⑤发布分享。 观看视频后再观看演示，了解制作步骤，明确各环节要点。 建立标准化制作流程认知，培育流程化计算思维。 三、实践探究：制作大运河主题H5 网页（28min）【实践学习】 1.布置实践任务：小组结合前期规划，在H5平台制作大运河主题网页，可选择活动邀请函、文化宣传、知识问答等形式； 2.巡回指导：帮助学生解决模板选择、素材上传、特效设置等问题； 3.信息社会责任提示：素材需标注来源，不使用无版权素材；发布内容需遵守法律法规，文明合规。 小组协作，按流程完成网页制作，调试预览效果，准备发布。 落实教材实践学习，在制作中提升数字化学习与创新能力，渗透版权与网络文明社会责任。 四、交流分享与拓展（12min） 1.组织小组展示作品，分享制作心得；2.引导思考：发布的网页信息最终保存在哪里？信息发布需要遵守哪些规范？ 3.拓展介绍专业网页制作工具与网站搭建的概念，为后续学习铺垫。 展示作品，交流制作经验，讨论信息发布的规范要求。 深化信息发布逻辑理解，升华文化传播的社会责任，拓展数字化学习视野。 五、课堂小结（5min） 1.带领学生整体梳理本节课核心内容：H5 网页完整制作、调试、发布全流程； 2.再次强调素材版权、网络信息发布两大行为准则； 3.总结本课时学习价值：借助 H5 网页实现大运河文化数字化共享与传播。 跟随教师回顾知识要点，梳理操作流程，牢记网络发布与版权规范。 梳理知识体系，巩固重难点，强化信息社会责任意识，串联单元项目目标。 六、课后任务（2min） 布置课后任务：完善本组 H5 网页细节，将作品合规分享至班级群，继续优化页面效果。 记录课后任务，明确课后完善方向。 延伸数字化实践，持续推进单元项目落地。 板书设计 探索3 网页的编辑和发布（第2课时） 一、H5网页制作流程 1. 选平台与模板（适配大运河主题） 2. 加素材：文字/图片/音视频 3. 设特效：翻页、动画 4. 预览调试 → 发布分享（服务器存储） 二、信息发布规范：合规、文明、尊重版权 三、素养：用H5网页传播大运河文化，文明上网、合规发布 教学反思 亮点 1.完整落实教材实践学习内容，全程紧扣大运河网页制作项目主线； 2.从流程讲解到实操制作再到交流分享，环节完整，符合学生认知规律； 3.信息发布规范教育自然融入课堂，有效落实信息社会责任。 不足 1.部分小组素材上传不熟练，动画、特效设置耗时较长； 2.少数学生对信息发布的服务器存储逻辑理解不够清晰。 改进 1.下节课课前发放平台操作简易指南； 3.制作服务器存储逻辑示意图，帮助学生直观理解。 学科网（北京）股份有限公司 $一线通，南北往来天地间。大运河是一首流淌千年的诗。大运河哺育了两岸人民，也给人们留下了深刻的记忆。是的，我家就住在大运河边，我想创作一个宣传大运河文化的H5网页，发布到网络上，让更多人知道中国大运河。我们可以登录江苏省中小学信息科技课程平台，打开网页制作工具制作H5网页前标题名称和封面可以根据创作主题进行修改。我们先来给网页添加标题，再选择合适的图片作为封面。下面我们来添加一个网页，选择一种网页布局方式，我们在分割好的图片区域内上传图片。然后移动图片位置和调整缩放比例，优化画面效果。接着在视频区域内上传视频，如果想要调整图片和视频可以重新选择。最后将文本内容复制到文本区域，我们可以通过调整字体、字号等文字格式来美化文字内容。为了让文字和图片板块颜色协调，还可以调整背景颜色，同时还要注意文字和背景颜色的搭配。这样一个宣传大运河文化的H5页面就完成了，赶快动手创作你的作品吧。