资源简介

3.2 选择网页传播地方文化—— 互联网数据呈现
教学设计
一、学习内容
数据和网络是信息科技课程的两大逻辑主线，互联网数据和和互联网应用相互依存，共同推动了互联网的发展，本单元通过“用互联网传播地方文化”这一实践项目展开学习，引导学生从互联网的视角看待数据，理解和体会数据的可靠传输、多样呈现，能分辨有意义的数据，并学会分享有价值的数据。
本课是该单元的第2个活动。学生在活动1已完成对整个项目的规划、小组的分工，并在了解互联网数据特点和价值的基础上收集了相应的素材。本活动以互联网的常见组织形式网页为例，着重探讨文本、图像等数据是如何以网页方式呈现的。主要内容为：了解网页真实面貌、修改网页、了解网页框架三个部分，内容由表及里，层层深入，揭示网页数据的呈现方式。即解决“怎么做到的”。为后面编辑和发布网页扫清理论障碍，体现知其然，并且知其所以然。
二、学习基础
本课的授课对象是七年级的学生，他们处于形象思维向抽象思维逐步过渡的阶段，倾向于通过动手实践的方式获取知识。
他们经常浏览网页，对网页的常见构成元素有一定认识。了解网页是信息的载体，具有展示数据的功能。虽然会用浏览器浏览网页，但没有使用过审查元素查看网页代码，并不了解网页是如何通过HTML语言组织网页数据。
问题梳理
素养问题：
1.互联网网页方式的传播优势是什么？
2.网页的呈现数据的方式有哪些？
3.如何将数据通过网页方式呈现？
项目问题：
如何通过网页传播徽文化？
如何使用收集到的徽文化素材去合理呈现不同的数据类型？
四、学习目标与重难点
1．学习目标
（1）项目目标
选择合适数据呈现徽文化网页。
（2）素养目标
计算思维：通过观察和代码探究，了解网页的数据组织，初步认识HTML语言。
通过网页编辑实践，结合徽文化特点创造性地设计网页。
数字化学习与创新：利用记事本工具修改网页代码，合作完成个性化网页的制作。
2．学习重点和难点
（1）学习重点
①了解网页数据呈现方式。
②通过网页编辑实践，了解超链接的作用。
（2）学习难点
HTML网页的基本结构以及数据的合理呈现。
五、学习策略
本活动采用项目学习的方式组织教学活动，为支持学生的持续性学习过程，提供了多种学习支架（导学单、微课、代码片段等）帮助学生厘清思路、攻克重难点、降低学习难度。本项目分三个活动开展：活动一探究网页文字的呈现，活动二探究网页图片的呈现，活动三探究多网页超链接的呈现。通过三个实验，让学生理解HTML语言的基本结构和数据组织形式，认识常用的HTML标签，理解超链接的作用。
积极组织学生开展合作学习、小组探究等活动，让学生在体验中学习、在活动中创新。
六、环境与资源
在本项目学习过程中，老师会根据同学们的学习需要，准备如下表所示的工具和资源供同 学们选择使用。
序号 主要类型 项目准备内容
1 导学案 四个活动的情景，步骤指导，结论
2 微课资源 HTML语言是什么？、网页揭秘、用记事本打开html文档的方法
3 软件工具 记事本软件工具编辑代码，网页的浏览器
4 问卷星 学生自测评价
八、学习评价
评价类型 评价内容 评价方式 评价环节
过程性评价 1.考察学生课堂表现，贯穿教学过程始终。 教师评价：以激励性口头表扬为主 贯穿于整个课堂的各个环节
总结性评价 学生对于知识点的总结、修改设计网页的评价及团队合作的评价。 学生在问卷星做题，教师可以看到实时反馈 项目拓展应用展示总结成果环节
九、学习过程
教学环节 学生活动 教师活动 设计意图
创设情境聚焦问题 1．创设情境课前使用问卷星让学生如何利用信息科技的手段向世界宣传我们的徽文化呢？请同学们思考并参与投票。欣赏古人为赞美安徽的大好河山创作的几首古诗，让学生猜测古诗描写的是安徽何处，感受徽文化的源远流长。思考新时代的我们，总结各种传播方式的优缺点。理解网页呈现信息的优势。2．聚焦核心问题如何让更多的人了解徽文化呢？聚焦情境问题，明确项目要求：利用互联网网页传播徽文化。 展示古诗，创设真实情境，引导学生思考问题。引入课题“揭秘网页表现醉美徽文化”，让学生明确项目目标。总结不同传播方式的优缺点。引出网页呈现的优势，揭示本节课的项目主题。 引入情境，引导学生对网页进行思考，激发学生的学习兴趣，从而引出本项目主题。
问题分解规划项目 1．揭秘网页的由来。关键问题：是不是所有网页背后都有代码构成？学生观看 “网页真面目”视频，得出结论。2. 如何利用HTML网页语言呈现数据？包含以下三个子问题： 子问题1:如何在网页中呈现文字？ 子问题2:如何在网页中呈现图片？ 子问题3:网页代码呈现方式是什么？ 子问题4:如何在网页中链接其他网页？围绕这四个子问题，开展项目活动。 播放视频，引导学生观察网页背后的代码。教师介绍，HTML指的是超文本标记语言，它使用简单的标记来描述网页结构和内容。介绍HTML语言是什么，提供微课视频帮助学生认识HTML。 进一步激发好奇心，理解网页的真面目是代码。初步认识HTML语言，了解HTML语言的作用。
项目实施活动探究 活动1——文字的呈现 观察网页和网页背后的代码，思考问题：1.代码中哪一段对应的文字部分？2.你能修改网页中文字的字体、字号、颜色吗？学生参照导学单和操作指南，尝试通过记事本工具查看网页代码，并修改代码。归纳总结：文字采用标签来呈现。其中size、color、face三个属性分别对应字体的大小、颜色和字体。活动2——图片的呈现观察图片网页和网页背后的代码，思考问题：1.代码中哪一段对应的图片部分？2.你能尝试修改为其他图片吗？学生通过观察发现图片名称和图片位置学生参照导学单和操作指南，尝试通过记事本工具打开的网页代码，并将图片换成“黄山.jpg”。再次尝试将图片换成“大蜀山.jpg”,学生发现图片无法显示。学生思考发现若要成功显示图片，图片必须在指定的同一目录中，即路径位置信息。学生汇报展示，总结图片采用标签来呈现，其中src属性需要标记图片位置和名称。教师补充总结标签是单标签，并不是成对出现的。标签里需要注明图片路径，视频和音频的呈现同理。活动3——比较不同的网页代码，总结网页代码呈现方式特点。学生观察代码，思考能否找出这两个网页文件的相同标签？学生通过分析，总结归纳：网页的代码中都包含 三种标签组成，得出网页代码的基本结构是由三个标签组成。标签为网页的开始与结束，标签中存放网页标题信息，中存放网页主体信息。活动4——制作个性化网页，体验网页超链接。根据上节课学生准备的素材，分为4个大组，每一竖排为一大组，分别是安徽名景、安徽人文、安徽美食与安徽艺术。每人根据修改方案实际操作，主要实现网页标题、文字及图片的修改。学生参照导学单和操作指南，用记事本修改网页代码，探究文字内容、文字格式和图片的修改。从每组中挑选一个优秀作品保存为新的HTML网页代码并上传给教师。体验链接到一个设计好的网页菜单学生思考如何实现从一个网页跳转到另一个网页？学生探究对比代码，发现超链接标签。 引导学生观察代码与网页，指导学生完成修改文字标签代码。总结结论。、引导学生观察代码与网页，指导学生完成修改图片标签代码。总结图片标签如何使用引导学生观察代码，总结图片路径的重要性。引导学生观察代码与网页，指导学生找出代码的相同之处。总结网页代码的呈现方式。教师提供丰富的徽文化素材供学生选择，巡视指导学生完成个性化的网页设计教师将四组不同徽文化的优秀网页作品，链接到一个设计好的网页菜单的作品中。教师介绍超链接标签的作用和用法。向学生展示超链接菜单的方式，实现了数据的组织形式的改变，进一步升华超链接的意义。 为学生提供充分自主探索的空间,对比观察，便于理解。熟悉的单词降低学生对代码的畏难情绪。观察对比，发现图片与文字呈现不同之处。举一反三，了解路径的意义。通过代码的初步编辑体会html语言对网页数据呈现的组织作用。通过比较代码的差异，对网页数据呈现方式进行总结。通过小组讨论，提出创作方案，激发学生自主性和积极性，培养学生计算思维和数字化创新意识。通过展示与评价，相互学习。
项目拓展应用展示总结成果 1. 学生自测评价：学生在问卷星完成知识点自测以及项目评价量表。2. 项目总结：学生和老师共同总结本项目所学知识点。 组织学生自测评价组织学生总结项目知识点，对他们的汇报进行点评和总结。 组间分享，让学生参与到知识的共享、合作。对课堂所学知识点进行归纳总结，引导学生填写项目评价量表。
十、学习反思
互联网呈现数据的方式很多，在本课开始之前我采用的投票的方式，让学生们从视频、通讯工具及网页传播方式进行投票，大多数学生选择短视频模式，理由是直观感染性强。而本课主题是使用网页呈现，所以在项目实施之前带领学生们一起分析不同传播方式的优势，让学生们对网页呈现有认知，感兴趣。接着学生虽然生活中接触网页不少，但大多数都是第一次接触HTML语言。本课从文字、图片简单的素材下手，让学生体验HTML网页代码的神奇，并从中总结规律。然后通过分组制作不同类型的徽文化网页，理解HTML网页的基本结构以及数据的合理呈现。最后我挑选出各组一个优秀作品，链接到提前设计好的网页中，展示给学生一个完整的徽文化网页作品，从而延伸了网页超链接标签知识。学生对此很好奇也很感兴趣，参与度很高。但时间有限，只是让学生作为了解。本节课，在项目评价环节虽然有问卷星的自测，但受到时间的限制，我认为若能增加一个实时让学生上传网页作品并通过投票产生各组优秀作品的方式更具互动性。