2.3制作长城研学微视频——互联网信息加工 教学设计--2024-2025学年七年级上册《信息科技》（安徽版2024）

项目3 制作网页宣传地方文化
——互联网数据编辑
教学设计
一、教学内容
互联网有其固有的数据呈现形式、编码原理，选择适当的数字化工具编辑和加工主题网页，可以实现将所学知识转变为生产力，用信息的有效传播宣传家乡文化，厚植家国情怀。学习过程中，形成对于网络内容源自生活、服务生活以及网络安全责任的认同。
本项目借助地方文化宣传的具体情境，融入项目模块化、数字化等特点，使用在线H5制作工具对主题网页进行编辑和加工，整合互联网中各种类型数据，了解HTML语言是如何处理文本、图像、音视频数据的。
二、教学基础
该学段学生已简单了解互联网的演变、影响力，互联网中信息获取、资源管理的一般方法，对于互联网的原理还没有系统认识，对于互联网信息加工、传输、发布的实际体验不够。他们处在探索需求强烈的阶段，应注重将知识点联系实际的过程，带动其进一步探索，本单元设置的具体情境、布置的具体任务，可以有效把握其兴趣点、激发其创新思维。
学生在前两个活动中，已经对互联网的数据构成和呈现形式有了初步了解。会识别简单的HTML语言，使用简单的超链接实现网页间的跳转，但是对于网页整体的内容设计、网页风格的统一、内部编码原理等还不熟悉，本活动通过具体情境的设置，运用深入浅出的方式，帮助学生在实践探索中增强网络数据处理能力。
三、问题梳理
1．项目问题
（1）徽文化网页的编辑方式有哪些？
（2）徽文化网页需要整合哪些类型的数据？
（3）如何进一步提高徽文化网页的呈现效果？
2．素养问题
（1）互联网数据编辑有哪些方法？
（2）通过编辑HTML代码，能否实时改变数据呈现内容？
四、教学目标与重难点
1．学习目标
（1）项目目标
根据上一活动搭建的模型，完成对地方文化主题网页的编辑和加工。
（2）素养目标
① 能够辨识多种互联网数据，找寻、筛选出与主题契合的、有价值的数据。
② 能够通过编辑改变数据内容，了解后台代码与网页呈现的相关性。
2．学习重点和难点
（1）学习重点
网页编辑和加工的方法。
（2）学习难点
后台代码与网页呈现的相关性。
五、教学策略
以提出需求、设计方案、解决问题、实现目标为主线，设计实验流程，引导学生深入理解和掌握互联网数据编辑的过程，从两个认识、两个掌握、两个实现、两个责任角度提升他们的综合实践能力和创新能力。
六、环境与资源
本项目教学活动，用到常规PC信息教室环境，H5网页编辑器，ExpressionWeb网页编辑器，教师需准备如下所示的项目资源，事先引导分组。
七、教学评价
1．过程性评价
评价学生在实验过程中的目标达成情况，以主观形式收集，针对学习过程中的重难点突破情况，动态调整项目难易度、资源半成品度，并及时进行反馈。
评价维度 评价标准 评价结果
整体效果 布局是否合理，色彩搭配是否协调 字体大小和颜色是否易于阅读等 （1-20分）
内容呈现 是否清晰、准确、完整，是否有逻辑性， 内容是否有价值，是否易于理解等 （1-20分）
制作水平 技术实现是否先进，兼容性如何 是否有错误或漏洞等 （1-20分）
用户体验 是否能满足用户的需求、便于查看 是否能让用户感到满意等 （1-20分）
创新性 是否有新颖的设计，是否有独特的功能 是否有创新的理念等 （1-20分）
2．总结性评价
评价学生能否完成网页数据选取和编辑加工，对互联网数据编辑的理解情况。
评价内容 评价等级
精通 较好 一般
知道网页编辑技术的多种方式
熟练使用在线网页编辑工具制作徽文化网页
知道HTML语言与网页数据呈现的相关性
八、教学过程
学习
环节 学习内容 学习支持 设计意图
情境 导入 明确 目标 1．提出问题，创设情境 通过视频《徽墨》，分析、拆解徽墨的制作步骤。 徽墨的制作步骤分解图（乱序）： 将正确顺序填入导学案（课件） 学生实践过程：思考、讨论，聚焦情境问题。 2．明确活动目标 自主思考：用什么方式能更加精准有效的宣传徽墨制作方法？ 根据自主思考，小组讨论得到的结论，如：为了能更有效的宣传徽墨制作方法，需要将制作步骤发布到互联网中，以图片加文字介绍的方式呈现。即利用互联网数据编辑工具完成主题网页的制作。 创设情境，引导学生思考问题、发现问题。从视频中发现了徽文化宣传包含哪些方法和步骤？ 揭示课题：制作网页宣传地方文化——互联网数据编辑。明确实验目标。 引入情境问题，激发学生的学习兴趣。 引导学生思考教师提出问题，项目准备活动做铺垫。
规划 设计 确定 方案 1．理解活动原理 学生活动：结合老师的讲解，了解常见网页编辑的方法。共分为两种： 第一种，ExpressionWeb类型的可同步编辑代码编辑器。 第二种，H5编辑器，可视化，不需代码，样式修改简便。 根据自己的经验，将两种类型的编辑器各自的特点填入导学案。 2．规划活动步骤 在学习了互联网数据构成和呈现方式的基础上，结合设计性实验的内容分析。根据老师提供的徽派建筑、徽派文化、徽派人物、徽派美食网页数据元素，规划实验步骤，确保实验能够制作出适合安徽地方文化宣传的网页，并满足形象、典型、美观的宣传需求。 活动步骤： 活动1 选择分组、选择对应的数据元素 活动2 图片、文字编辑 活动3 音频、视频编辑 活动4 各小组制定实施方案。根据老师提供的实验步骤，完成活动4填空 小组汇报员分享本组所选择的宣传内容。 结合生活实际讲解常见互联网数据编辑工具。 与学生共同分析各类编辑工具的特点，引导学生将特点归纳完整后填入导学案。 根据实际需求最终确定本项目所用的编辑工具。 帮助学生规划实验方案与步骤。 在学生完成任务的过程中，巡视辅导，完成任务后，请学生分析规划方案。 小组讨论，思考问题，梳理常用互联网数 据编辑工具特点，鼓励学生独立完成任务，培养学生的自主学习能力。
制定方案， 培养学生的自主探究学习和小组合作的能力。 学生理解分组即分工，先分后合，达到整体宣传效果。此过程中可以理解任务分解的思想。
项目准备 确定分组 项目实践 主体搭建 项目实践 美化升级 活动1：选择分组、选择数据元素、创建网页 根据前面的实验分析与规划，选择分组，可选项如下： 选择分组： 徽派建筑：徽派建筑类型、徽派建筑故事、徽派导游 徽派文化：文房四宝之徽墨：制作步骤、文字、音视频 徽派人物：安徽著名人物宣传网页，介绍图、文字 徽派美食：安徽著名美食宣传网页，介绍图、文字 （1）选择分组 活动记录：本小组准备实现徽文化宣传中的 （2）选择数据元素 活动内容：概览所提供的数据元素，对于图片、文字、音频、视频要有选择的使用 活动过程：将选择好的数据元素单独建立文件夹。 在H5编辑器中创立一个空白网页。 活动2：图片、文字编辑 通过对数据元素的编辑，达到网页图文结合的效果。 （1）活动内容：图片、文字的选用和编辑 （2）活动过程：结合微课，通过自主学习，完成图片、文字的编辑。 （3）活动结果：通过自主思考，小组合作，各小组的网页需达到以下完整性： 图片选用具备典型特征、文字选用涵盖该宣传主题的关键信息。 活动3：音频、视频编辑 通过对数据元素的编辑，增强网页宣传的媒体表达。 （1）活动内容：音频、视频的选用和编辑 （2）活动过程：结合微课，通过自主学习，完成音频、视频的编辑。 （3）活动结果：通过自主思考，小组合作，各小组的网页需达到以下完整性： 音频选用契合宣传主题、视频选用可以增强表达效果。 活动4：美化徽文化网页 （1）活动内容：化身美化大师，设计网页样式 （2）活动过程：结合微课，通过自主学习，完成文字、图片样式的编辑。 （3）活动结果：各小组的网页完成美化后，保存，维持窗口呈现状态。 小组间互评，可采用给定的量化指标。 ********项目实验——>项目成果转化分割线******** 活动5：预览徽文化网页呈现效果 在预览窗口中，审视作品完整性，欣赏作品中的图文之美，倾听音乐之韵，同时对作品进行保存。 根据学生所选分组，迁移引导至各分组所对应的数据元素和宣传内容。 提醒学习任务单的填写。 提醒将所选好的数据元素单独存放。 让学生完成图文编辑，初步完成网页框架。 提供图文编辑的微课供学习使用，H5编辑器的界面功能不单独介绍，由学生自主在具体项目任务中探索得出。 提供音视频编辑的微课供学习使用，提醒学生注意音频的选取要契合宣传主题。 组织学生对编辑好的网页内容进行格式美化，学习美化的具体方法，明确美化的程度，不可以为了美化而美化，要围绕主体的内容美化。 教师按小组顺序展示各组作品，要求作品保存即可，为下一步互联网数据发布做好准备。 组织学生在美化网页的基础上，积极思考增强网页宣传效果的其他方式。 对于学生不能自行解决的问题给与及时指导，做好技术保障。 让学生在了解各分组任务内容的情况下，自主完成项目分组，培养学生的主观思辨能力、目标构建能力和协作意识。 编辑器的使用仅提供基本的操作介绍，图文的选用、编排的顺序等全部由学生自主完成，以此培养他们的创新意识和自主学习能力。 在制作网页过程中，让各组相互学习，鼓励能力强的学生充当“小老师“，帮助其他基础差的学生共同进步。培养学生的协作能力。 通过测试程序，记录数据，验证结果等实验环节，培养学生的观察能力以及科学探究能力。 学生探索互联网数据的多样性。实验过程中时刻关注学生，对学生提出的问题及时给予补充与反馈。 成果转化之前达成本次活动重点——网页的编辑和加工 组织学生小组合作，根据活动过程中遇到的问题，合作交流解决方法，并回答提出的问题。
素养
提升 使用事先安装好的ExpressionWeb打开已经制作好的html网页文件，分析其中的文字、图片、音频、视频等数据的编辑方式。 （1）文字、图片在代码中的编辑方式 （2）音频、视频在代码中的编辑方式 提供网页半成品，通过更改部分代码完成数据编辑的转化。网页内容为学生已经完成的徽墨制作网页介绍。通过重复“更改部分内容——保存——刷新”的过程，逐步建构互联网数据编辑的核心思维——HTML代码。 帮助学生总结梳理知识结构，深化原理，以此推进本活动的难点——互联网数据在HTML代码中的编辑方式，后台代码与网页呈现具有相关性。此部分为素养目标达成的重要环节。
拓展 总结 根据素养提升环节总结出的规律，分析下述代码在网页设计中的作用并讨论。 CSS全局样式表中的代码可以起到的作用是： _____________________________________________ （2）网页验证码代码随机产生字符起到的作用是： _____________________________________________ 引入互联网代码编辑器会给网页数据编辑带来哪些便利？ （1）______________________________________ （2）______________________________________ （3）______________________________________ （4）______________________________________ 用徽文化完整版HTML网页和ExpressionWeb编辑器演示数据代码编辑原理。 组织学生完成拓展环节的填空。 后台代码与网页呈现具有相关性，CSS样式表可以方便修改全局样式，嵌入的验证码随机生成字符本质上是循环语句小程序，防止恶意登录，提高安全等级。 帮助学生巩固所学知识，拓展提升。同时培养学生的观察和总结能力。深化计算思维能力。理解后台代码与网页呈现的相关性。 网站和网页的设计制作，是团队合作的成果，有了团队的分工协作，才能高效的对工程进行细分化管理，便于维护。
交流 评价 汇报：简单介绍项目实践过程中遇到的问题以及解决问题的情况。展示交流项目成果，得出结论： 1.本次活动中，互联网数据编辑所涉及到的数据类型有视频、______、______、______等。 2.与主题契合的、有价值的数据对于所要宣传的主题能起到___________________作用。 3.H5编辑器能够将所要表达的内容进行可视化的编辑，它的特点是直观、______、______、______。 4.结合专业编辑工具的介绍，互联网数据在前端运行过程中，后端所对应的代码是 ________ 语言。 完成评价量表的填写。 项目完成后，请学生展示制作成果，并简单介绍宣传的内容。 教师对本节课的学习情况与项目完成效果进行综合评价。 通过交流展示提高学生的创新能力和语言表达能力。 通过互评、自评，培养学生分析问题解决问题的能力。
九、活动反思
本活动的教学实施，难点在于学生对于互联网来自于具体生活情境的理解，选取的案例要尽可能贴近生活，教师上课前要准备充分，可以通过收集数据素材，引导学生对学习内容的关注，激发其探索的内驱力。“徽文化网页设计”要以学生体验为主。一是项目活动过程中的体验，二是作品完成后观赏的体验。本活动的内容较多，部分内容在课堂上不太容易实现，对于不好实现的内容，教师需要在课前做好工作，提前录制微课等辅助学生学习。