资源简介

项目2 选择网页传播地方文化
——互联网数据呈现
教学设计
一、项目分析
本项目为“用互联网传播地方文化”的第二个子项目，在借助互联网了解徽文化、下载徽文化数据的基础上，根据宣传对象及内容需求，通过对比相应的网络传播方式，最终选择网页来传播徽文化。项目以网页的呈现为外显，追究其本质的原理是互联网数据的编码，通过将浏览器所呈现的网页内容与网页的 HTML 代码一一对应，理解互联网网页中数据组织与呈现形式，掌握 HTML 代码的基本结构，了解 HTML 代码呈现网页的过程。
二、学情分析
本节课的教学对象是七年级学生，他们好奇心强，接受新知快，具备一定的自主学习能力，且对现下的网络传播方式较为熟悉，但是对于为什么要选择网页的方式传播徽文化，为什么网页能够将数据组织及呈现出来，这些本质的核心问题，还需要教师的指导和帮助。教师可以以网页开发人员的角色，鼓励学生探究网页呈现背后的原理，让学生体验 HTML 代码呈现、修改网页数据的过程。
三、教学目标
1．素养目标
（1）了解网页中数据组织与呈现形式。认识 HTML 语言，掌握 HTML 文档的基本结构、标签与超链接。
（2）能够根据需要，查看并修改 HTML 代码，让网页数据的呈现更加合理。
2．项目目标
通过设计规划徽文化网页结构，分工众筹做好徽文化网页制作前的准备工作。
四、教学重难点
1．教学重点
理解互联网网页数据的呈现原理。
2．教学难点
能够根据需要，查看并修改代码，让网页数据的呈现更加合理。
五、教学策略
本项目是选择网页传播地方文化，为下节课网页制作做好铺垫。在教学过程中，教师除了要提供有针对性的方法指导及相应的资源支撑，还要帮助学生转变观念，一是要学会透过现象看本质，二是用分工众筹的方式，可以提高项目实施的效率。
项目准备：通过对各种网络传播方式进行对比，体会使用网页制作的优势。通过对网页制作方式的了解，引入科学原理，即互联网中的数据有序呈现是由代码完成，从而提出互联网数据编码的核心概念；再通过对应 HTML 代码与网页呈现的效果，搭建项目支架，为后续项目实施做好知识储备。
项目实施：能够利用项目准备里获得的知识去解决实践中的问题，通过对下载数据的整理，设计规划徽文化网页，体会 HTML 的超链接功能让“分工众筹”显得更加高效。
项目总结： 以网页传播徽文化为例， 了解网页是由代码组成，分析网页中的数据是如何通过 HTML 语言编辑的，理解互联网数据的呈现原理。
六、评价建议
1．过程性评价
能主动参与学习过程，和其他同学分工合作完成项目，积极发表自己的一些看法或听取同学发言；能说出网页传播方式的特点，理解网页呈现的原理；能根据项目需要，给小组提供所需资源。
2 ．结果性评价
对比网页中的数据组织和呈现形式，理解 HTML 代码呈现网页的过程，体会分工众筹的工作模式。可以根据主题需要修改 HTML 代码来设置网页的呈现效果。项目汇报环节语言描述精练准确，学生学习手册填写完整。
3．评价量规
评价维度 评价内容 评价结果
信息意识 了解互联网网页数据的呈现原理。 ☆☆☆☆☆
计算思维 能根据需要，规划设计互联网网页，体验其中数据处理和应用的方法与过程。 ☆☆☆☆☆
数字化学习与创新 能够根据需要，查看并修改 HTML 代码，让网页数据的呈现更加合理。 ☆☆☆☆☆
信息社会责任 遵守互联网数据呈现与应用的道德责任和行为规范。 ☆☆☆☆☆
七、学习流程
在本项目中，学生是学习的主体，教师扮演引领者的角色。通过项目情境， 明确项目学习目标；通过项目准备，了解网页制作方式，初步认识 HTML 代码结构和基本规则，并对项目进行规划和设计，从软件工具和知识储备两部分搭建项目支架；通过项目实施，意识到分工众筹在本项目中的重要性，可以高效地完成项目内容，并对项目进行评价；通过项目总结，达成素养目标，评价学生能否透过现象看本质，理解网页中数据呈现的原理。
八、教学过程
教学 环节 学习内容 要点与记录
项目 情境 明确 目标 一、创设情境 （1）盘点上节课下载的徽文化相关数据。 （2）要将这些数据作为我们弘扬传统文化、讲好中国故事的重要宣传内容，我们需要做哪些工作？ 二、问题迁移 要宣传一个主题，需要考虑哪些因素？ 宣传一个主题，需要考虑： 1． 2． 3．
项目准备 了解原理 一、了解互联网传播方式 思考问题：你知道哪些互联网传播方式？ 二、了解网页制作方式 1．思考问题：你知道网页是怎样制作的吗？ 2．尝试实践： 下载徽文化网页 查看网页源代码 3．得出结论： 互联网中的数据有序呈现是由代码完成，应用记事本工具可以编写代码生成网页。 4．实际运用： 打开网页“徽墨.html”，观察网页内容。 查看网页源代码和对应网页，你有什么发现？ 互联网传播方式： 传播 方式受众 人群制作 方式网络短视频成年人视频编辑APP微信朋友圈
发现： 关键信息： 关键词标记方式编辑方式head … …
你发现了哪些关键信息？操作实践：
根据关键词提示，修改相应代码，得出以下效果。
徽州名菜
教学 环节 学习内容 要点与记录
项目准备 应用原理 归纳总结： 得出：HTML 语言中超链接的写法： 超链接写法:
众筹指的是： 整合指的是： 过程性评价: ☆☆☆☆☆ 1． 了解网页传播方式的特点 2．理解 HTML 文档的结构
HTML 的概念 HTML 文档的执行方式 HTML 文档和网页呈现的关系
思维提升： 思考：如何将单个网页内容融合在一起形成网站？ 观察：徽文化网页的超链接方式 三、选择传播徽文化的方式 1．思考问题：你会从哪些方面考虑选择传播徽文化的方式，为什么？
宣传对象：适合学生，全网浏览 宣传内容：形式多样，便于呈现 制作过程：可以众筹，可以整合
2．得出结论： 选择传播徽文化的方式是： 四、确定网页传播徽文化步骤 结合前一课下载的数据，共同商议用网页传播徽文化需要哪些步骤： 步骤 1：设计徽文化网页结构 步骤 2：准备呈现在网页中的素材 步骤 3：分工众筹规划徽文化网页 五、小结评价 1．互联网传播方式 2．网页传播方式的特点 3．网页编辑方法及工具 4．HTML 的结构和内容
项目实施 技术实践 一、设计徽文化网页结构 1．根据已有素材，规划网页结构。 2．根据网页结构，完善网页内容。 第1小组第2小组第3小组第"小组宣纸徽墨徽派建筑徽州名菜
规划方向： 徽文化类型： 分支结构： 主要描述： 素材规划： 呈现内容数据类型宣纸图片 、视频
徽墨 马头墙 (
臭鳜鱼
)
二、准备网页中呈现的素材 对每个主题的数据进行统筹规划，使得网页呈现更加美观和谐。 三、分工规划徽文化网页 1．分工众筹 每个同学领取任务，完成网页的一部分内容。 2．提供支架 利用已有 HTML 语言及架构来组织设计。 3．协调整合 利用超链接语言将多个网页组合起来。
教学 环节 学习内容 要点与记录
项目展示 交流评价 一、展示各小组设计的徽文化网页。 二、查看网页源代码，对比网页呈现方式，分析代码元素结构及组成。 通过 HTML 代码，可以提取： 网页呈现的文字是： 设置文字的字体是： 字号是： 字形是： 字色是： 网页呈现的图片是：
(
网页的
HTML
代码
浏览器所呈现的网页内容
)
三、共同评价 1．交流分工规划 2．网页制作过程 3．还可以从哪些方面完善？（是否可以增加视频、音乐等元素？）
项目总结 素养提升 一、在选择网页传播徽文化的过程中，你有哪些收获？ 1．为什么要选择网页来传播徽文化？ 2．在用记事本编辑网页的过程中，数据是怎样呈现的？ 3．利用网页来传播徽文化，需要做好哪些准备？ 二、作业设计 1．打开“Python 社团展示网站”，查看网页源代码。 2．通过修改 HTML 代码，解决图片无法显示的问题。 三、思考： 若想修改在线网页中的文字或更换图片，是否真的可以修改？ 网页中数据的呈现是通过 来设计组织的。 总结性评价： ☆☆☆☆☆ 对比网页的呈现和 HTML 代码，尝试总结 HTML 语言的规律： （1）HTML 标签通常是成对出现的。 （2） 与 之间的文本描述网页。 （3） 与 之间的文本被显示为标题。 （4） 与 之间的文本是可见的页面内容。
九、板书设计
项目 2 选择网页传播地方文化 ——互联网数据呈现
网页传播徽文化 宣传对象：在校学生、全网浏览 宣传内容：形式多样、便于呈现 制作过程：可以众筹、可以整合 HTML 代码呈现数据
十、教学反思
本项目是选择网页传播地方文化，主要分为两大块内容，一是为什么要使用网页方式传播徽文化；二是通过网页的制作方式，理解互联网数据的呈现过程。在教学中，要将项目准备环节作为重点，即通过对比各类互联网传播方式，理解网页传播的优势及特点，进而过渡到网页的制作过程。在项目实施及成果阶段，教师可以进行分层指导，针对不同学情设置相应目标难度，最终目的是让学生体验利用HTML 代码编写、修改网页的过程，掌握 HTML 代码的基本结构，不需要所有学生都能够使用 HTML 代码编写网页。

展开更多......

收起↑