跨媒介叙事·融创云展厅-初中信息技术七年级下册“网络分享故事”单元整体教学设计

跨媒介叙事·融创云展厅——初中信息技术七年级下册“网络分享故事”单元整体教学设计

一、【核心概念·顶层设计】确立“网络分享”作为数字叙事闭环的枢纽地位

（一）【非常重要的课程定位·单元大观念】

本教学设计基于中图版（五四制）信息技术七年级下册第四单元“讲诉数字故事”第四节“网络分享故事”展开，但并非孤立的一课时操作，而是以单元整体教学视角，将“网络分享”重构为“数字叙事作品的跨媒介发布与传播”这一核心大概念。依据《义务教育信息科技课程标准（2022年版）》，本课跨越“在线学习与生活”“跨学科主题”及“物联网实践与探索”的前置经验，将七年级学生此前掌握的WPS演示数字故事制作能力向移动端HTML5叙事场域延伸，实现从“单机线性演示”到“社交化、沉浸式跨媒介叙事”的素养跃升。本课不仅是第四单元的收官之战，更是初中信息技术课程中“信息传播与责任”模块的关键锚点。

（二）【教材解构与重构·应列尽罗】

1.教材原结构定位：第四单元包含“策划数字故事”“搜集加工素材”“制作数字故事”“网络分享故事”四节。原教材第四节侧重“将数字故事发布至网络平台”，以QQ空间、微信朋友圈或班级论坛为典型场景，以WPS生成的视频或PDF为主要格式。

2.【难点·专家干预】教材滞后性分析：当前七年级学生处于“Z世代”与“α世代”交界，原教材提及的传统论坛、QQ空间已非主流社交分享场域，且纯视频/图片式分享无法体现信息技术学科“以计算思维重构传播逻辑”的深层目标。

3.【非常重要的重构策略】本设计将“网络分享”升级为“跨媒介叙事发布”：学生运用移动端HTML5制作工具（以易企秀、Canva或可立拍等为技术载体），将前课完成的“数字故事”核心素材进行移动端适配与叙事重构，生成适配手机竖屏滑动的交互式H5作品，并在仿真社交平台（班级云展厅）及真实可控社交圈（家校共育群组）完成发布与多维度评价。

（三）【学情精准画像·重要依据】

1.起点能力：七年级学生已完成本单元前三节学习，熟练运用WPS演示制作包含文本、图像、音频、动画的数字故事，具备基础的审美排版能力；100%学生拥有智能手机使用经验，90%以上学生曾阅读过朋友圈H5邀请函、招聘海报或节日贺卡，但对H5背后的技术逻辑（页面堆叠、触屏事件、响应式布局）认知模糊。

2.【高频考点的生活转化】学生在前置任务中制作的数字故事主题集中于“童年趣事”“动物寓言”“校园生活”，积累了完整的脚本卡、素材包与演示文稿文件。

3.潜在障碍：首次接触移动端专业制作工具，注册登录环节易因验证码延迟产生焦虑；H5交互逻辑（点击翻页、滑动切换）与PPT线性切换存在思维定式冲突；对作品在网络空间传播时的隐私边界与版权意识缺乏系统认知。

二、【素养导向·多维目标体系】标注【高频考点】与【必达底线】

（一）【非常重要的教学目标·四维整合】

1.信息意识与伦理责任【热点】【必达】：

（1）能够辨析网络传播中“分享”与“过度分享”的边界，主动对数字故事作品中的肖像、地名、校名进行匿名化处理。

（2）在作品封面及文末规范标注“素材来源：自摄/已授权/平台免费可商用”，建立数字公民版权素养。

2.计算思维与数字化学习【难点】【核心素养】：

（1）理解移动端H5页面的“页面-组件-动效”三层架构，能够运用抽象思维将PPT单页叙事解构为手机屏的碎片化序列。

（2）【高频考点】掌握易企秀/Canva手机网页版中“文字组件”“形状热区”“滑动序列”的参数设置，实现触屏交互逻辑的可视化编程。

3.数字化学习与创新【基础】【增值】：

（1）依据故事主题（温情/励志/幽默/科普）自主选择适配的H5模版风格，对默认模版进行字体、配色、背景音乐的深度二创。

（2）创造性地将前课“数字故事策划书”中的脚本设计卡转化为H5页面草图，实现跨软件平台的资产迁移。

4.信息社会责任与协作【热点】【必达】：

（1）在小组“云策展”环节，能够依据量规对同伴作品进行客观评价，并提出至少一条建设性修改建议。

（2）通过班级H5作品集的生成，感知个体叙事汇聚为集体记忆的传播力量，增强集体归属感。

三、【跨学科锚点·主题深熔】生成新标题语境下的核心项目

（一）【项目名称·非常重要】“我的视界，世界的回声”——班级融创云展厅建设与H5数字故事全网发布

（二）【驱动性问题·热点】如何将我们小组制作的数字故事，重构为一款适合在手机端传播、两分钟内吸引同龄人、并能清晰传递故事灵魂的H5交互作品，且发布后获得真实点赞与正向评论？

（三）【跨学科联结·重要支架】

1.语文：叙事弧线理论（弗里塔格金字塔）在H5多屏叙事中的节奏控制；微文案写作——适配手机阅读的短标题、悬念导语、情感升华句。

2.美术：移动界面色彩搭配原理（60-30-10法则）；留白与视重；无衬线字体在手机屏的可读性实验。

3.道德与法治：网络安全法、个人信息保护法在作品发布环节的具体落点（如：不发布他人不愿公开的照片）。

四、【教学实施过程·篇幅主体】五阶进阶式沉浸教学（总时长：3课时连堂+1周线上延展）

（一）【第一阶·认知冲突与范式革命】第1课时（45分钟）：解构与重塑——从幻灯片到触屏叙事

1.开场破冰·冲突创设【非常重要】：

（1）教师在大屏同步展示两则相同主题（如“我的爷爷与蜜蜂”）的数字故事：左侧为前课学生优秀PPT作品，全屏放映，翻页笔切换；右侧为教师预制的H5作品，手机同屏，手指滑动切换，伴随重力感应与轻触音效。

（2）【焦点访谈】提问：这两则故事内核完全一致，哪一则让你更想“继续看下去”？哪一则让你更想“转发给好友”？为什么？

（3）学生生成关键认知：载体决定传播力，交互深度影响共情强度。

2.技术概念具身化【难点攻破】：

（1）教师以“搭积木”隐喻拆解H5文件结构：每一屏=一块积木，积木上有不同形状的插孔（文字、图片、按钮），积木之间通过“滑动手势”链接而非PPT的“单击”。

（2）【重要术语无痕嵌入】介绍“触屏事件”“响应式画布”“组件化编辑”，不要求死记概念，但要求学生在后续操作中能识别对应功能面板。

3.项目发布与组阁【基础】：

（1）公布班级融创云展厅建设方案：全班分为6个“数字策展小组”，每组4-5人，角色分工强制轮换（本次H5制作主设、素材统筹、文案润色、技术测试、伦理审查各1人，5人组伦理审查由主设兼任）。

（2）【应列尽罗·发布全要素】发布《班级融创云展厅参展协议》电子签名板，内容包含：所有作品须经组内互审方可提交；作品中不得出现完整人脸正面特写（可模糊处理或用贴纸遮盖）；背景音乐须选用平台免版权曲库或已获授权音乐。

（二）【第二阶·工具解谜与量规共创】第1课时后段+第2课时前段（45分钟）：利器善事——移动工具体验与评价量规宪法

1.【高频考点·工具链实操】易企秀/Canva教育版注册与界面探秘：

（1）【技术难点预处理】教师提前在校园局域网部署“一键注册辅助页”，屏蔽手机号验证码二次确认延迟问题。学生扫码进入后，重点观察底部导航栏（模板、我的、设计中心）与电脑端网页版的异同。

（2）【任务卡1】三分钟快探：以小组为单位，在易企秀免费模板区搜索“故事”“旅行”“成长”三个关键词，各自收藏1个最感兴趣的模板到团队项目，并回答：这个模板用了几页？每一页最大的视觉元素是什么？是否有背景音乐？

2.【非常重要的量规生成·宪法制定】摒弃教师单向灌输评价标准，采用“RAFT”写作框架引导学生制定《班级H5叙事作品评价量规2.0》：

（1）角色（Role）：你是微信朋友圈里挑剔的刷屏用户。

（2）受众（Audience）：你的同龄人。

（3）格式（Format）：一份包含4个维度、每个维度3条具体描述的简评卡片。

（4）主题（Topic）：什么样的H5故事你愿意看完并点赞？

（5）小组讨论后票选共识，教师输入电脑实时生成量规初稿，当堂微调。最终量规【应列尽罗·完整条目】：

【维度A·叙事引力】权重30%——A1开篇3秒内是否有悬念或情感触点【热点】；A2全篇是否有清晰的故事弧线（开端-冲突-转折-余韵）；A3文案是否简洁无病句，适配手机速读【基础】。

【维度B·界面适眼】权重25%——B1色彩搭配和谐，无刺眼荧光色或文字淹没于背景【高频考点】；B2字体统一，正文字号不小于30px（手机预览标准）；B3图片无拉伸变形，分辨率适配屏幕宽度。

【维度C·交互丝滑】权重25%——C1页面滑动/点击反馈流畅，无错误超链接；C2背景音乐音量适中，可一键关闭【重要】；C3转场动画与故事情绪一致（如温馨主题禁用闪烁特效）。

【维度D·伦理合规】权重20%——D1封面及文末清晰标注“素材来源”与“创作团队”【必达】；D2未出现可识别个人身份的具体信息（未打码人脸、家庭住址、电话号码）；D3内容积极向上，无负面标签化表达。

（三）【第三阶·原型冲刺与微观迭代】第2课时后段+第3课时前段（55分钟）：资产迁移与指尖重构

1.【基础·素材重整】从PPT到H5的叙事“翻译”：

（1）取出前课完成的数字故事PPT源文件及脚本设计卡，小组开展“翻译工作坊”：PPT单页平均承载300字，H5单屏建议承载50字+1核心图。必须做减法！

（2）【难点突破·叙事压缩】教师提供“电梯演讲”支架：请用三句话向同学转述你的故事。这三句话，就是H5的三屏核心文案。其余细节折叠进“点击了解更多”弹层（选做）。

2.【非常重要·技术操作全景】H5页面制作核心技能链【应列尽罗】：

（1）页面管理：新增页面、页面、删除页面、长按拖动改变页面顺序。重点强调“目录页/封面页”必须置顶。

（2）素材替换：点击模板中的占位图——选择替换——从手机相册上传前课处理好的图片（已压缩，单张<500KB）。教师巡检重点：纠正直接使用模板自带“较贵”付费素材（版权风险）。

（3）【高频考点】文字编辑：双击修改文本内容；字号选择（标题推荐48-60，正文32-40）；字体更换（系统免费字体库，严禁使用付费字体）；行间距1.5倍-1.8倍，大段文字左对齐不居中。

（4）背景与氛围：纯色背景/渐变背景/图片背景的设置；全局背景音乐上传（从库中选择或本地上传MP3/WAV，时长建议30-90秒循环）；单页独立音效（翻书声、点赞声、风声等）插入触发器。

（5）交互增强：为特定元素（如“爷爷的帽子”图片）添加“弹窗”交互——点击弹出文字说明框；设置“点赞”按钮动效（脉冲、摇摆）。

（6）【热点·作品发布全流程】预览与生成：点击预览模拟手机效果；测试无误后点击“发布作品”——设置作品标题、封面（从页面中选取或新上传）、作者；生成二维码及小程序码；设置有效期（默认永久，引导学生思考临时展览与永久存档的区别）。

3.【课堂巡诊·精准赋能】教师在各小组间流动指导，聚焦三大典型故障：图片上传后变形（未锁定宽高比）、背景音乐与作品总时长相较戛然而止（未设置循环播放）、点击热区无响应（未保存触发器设置）。采用“小先生制”邀请率先完成的学生跨组辅导。

（四）【第四阶·云开展览与循证评价】第3课时后段（35分钟）+课后48小时延展：展厅开放麦——真实性评价与社会化传播

1.【非常重要的真实发布】班级融创云展厅揭幕：

（1）教师登录班级公用云展厅账号（美篇/微信公众号/易企秀学校机构号），将6个小组生成的H5作品链接/二维码按组别陈列于展厅“数字叙事”专栏。

（2）二维码实物化：每组打印A5尺寸彩色作品二维码，张贴于教室后墙“数字叙事·码上故事”磁力展板。学生手持平板/手机扫码沉浸式观展，循环浏览全班作品。

2.【高频考点·循证互评】基于量规的同行评议：

（1）每位学生领取《观展评价卡》（纸质或在线表格），需完成对除本组外至少3个作品的评价。评价必须包含【亮点举例】+【优化建议】，严禁纯定性评语。

（2）【重要】教师现场抽取1-2个典型作品，将学生评价与大屏同步，开展“量规校准对话”。例如：有学生给C组作品打了低分，理由是“背景音乐太吵”，教师追问：这是个人审美偏好，还是违背了量规C2“音量适中，可一键关闭”？引导学生区分主观好恶与量规共识。

3.【热点·真实世界回响】家校社协同传播任务（课后48小时内完成）：

（1）在征得小组成员全体同意且对敏感信息二次脱敏后，每组可选择将H5作品分享至1位家庭成员的手机（父母/祖辈），并邀请接收者口头反馈1-2句感言。

（2）反馈回收形式：文字转录或30秒内语音条，翌日课堂“回声壁”环节展示。此任务旨在打破课堂虚拟情境，让学生亲历数字作品在真实人际关系网络中激起的涟漪。

（五）【第五阶·元认知反思与范式迁移】第4课时（45分钟，间隔一天进行）：从故事到视界——网络分享的深层逻辑

1.【数据复盘·非常重要的计算思维】谁在看？数据背后的受众画像：

（1）教师演示展厅后台数据（模拟或真实脱敏）：作品浏览量、平均停留时长、跳出率最高的页面、分享次数。

（2）【高频考点】引导学生思考：为什么某些自认为画面最美的作品停留时间反而不长？为什么设置悬念封面的作品点击率更高？从数据反推用户心理，建立“用户中心设计”意识。

2.【伦理深潜·热点】网络分享的灰度地带：

（1）案例研讨：某小组作品分享了同学春游时摔倒的瞬间，虽经模糊处理，但当事人仍感到不适，该不该发布？

（2）通过苏格拉底式提问，推动学生建构“分享三问”自检模型：①这是我愿意被别人分享的吗？②这会伤害任何人（包括自己）吗？③我添加了足够的语境信息以避免误解吗？

3.【基础·单元知识图谱结构化】师生共建第四单元概念拓扑：

（1）根节点：数字叙事。

（2）一级分支：策划（主题、脚本）、采集（图、文、声）、编辑（PPT/H5）、分享（发布、评价、伦理）。

（3）【重要】重点标注本节课新增节点：触屏交互、响应式布局、社交传播、CC许可协议。

4.【范式迁移·作业】以本节课的H5重构经验，为自己最喜欢的某学科知识点（如历史二战战役、生物细胞分裂）设计一个1页的手机端“知识卡片”，要求运用滑动序列呈现时间轴，下节课分享。

五、【全要素应列尽罗·考核与评价设计】

（一）【非常重要的过程性评价·量规挂钩】

1.个人学习档案袋收录：

（1）【基础】H5作品策划草图（手绘或数字绘制），需体现页面数量、各页核心图文元素、特殊交互设计意图。

（2）【重要】组内互评记录：至少记录1条自己给组员的建设性意见及采纳情况。

（3）【热点】《观展评价卡》截图或复印件，体现对跨组作品的深度赏析。

2.小组作品集体验收：

（1）【必达项】成功生成有效二维码且扫描无误；封面图、标题、作者信息完整；无侵权素材。

（2）【卓越项】设置了交互热区（点击弹出图文）；使用了场景音效；设计了片尾致谢滚动页。

（二）【高频考点·终结性纸笔测试样题】（用于单元测验，此处仅为示例完整性，非课堂呈现）

3.选择题：以下关于手机网页版H5作品特点的描述，正确的是（）A.页面越长约能留住读者B.背景音乐应强制播放以保证沉浸感C.同一作品在不同尺寸手机屏幕会自动适配【正确】D.文字越多越显内容丰富。

4.操作诊断题：在易企秀编辑界面，当你替换模板图片后，新图片显示不全，最可能的原因是（）A.图片格式不为JPGB.图片分辨率过高且未开启“锁定宽高比适应屏幕”【正确】C.手机内存不足D.未购买会员。

六、【重要技术支援与特殊生保障】

（一）【差异化支架·应列尽罗】

1.技术超常生：不满足于模板套用，可挑战“空白页创作”——自主设置页面尺寸（750x1334标准）、导入自己用PhotoshopMix设计的分层PSD、添加表单组件（如“留言板”），实现半编程化H5。

2.技术待进生：提供“半成品补完计划”——教师预先制作包含3个空白页、仅需替换图片和少量文字的工程模板，扫码即克隆至学生账户，重点体验发布与分享环节，建立自我效能感。

3.特殊教育需要：为视敏度不足学生提供大屏辅助插件；为手部精细动作障碍学生推荐语音控制编辑辅助（手机自带TalkBack/旁白模式兼容测试）。

（二）【非常重要的环境预案】

4.断网应急：本地部署易企秀教育版镜像站，学生可离线编辑，网络恢复后自动同步。

5.设备异构：针对无智能手机家庭，学校提供平板电脑外借服务，且所有作品生成二维码后教师统一打印带至班级，确保观展环节全员参与。

七、【顶尖水准的专家审思·本设计的原创性高度】

（一）