资源简介

项目3 制作网页宣传地方文化——互联网数据编辑
教学设计
一、项目分析
本项目设计的目的是通过制作徽墨网页， 了解互联网数据的编辑。一般来说，网站是互联网的重要组成部分，互联网上众多的信息都是通过网站发布的。如果将网站比作一棵“树”，那么网站中的网页好比是一片片“树叶”。由于教学时长有限，所以本项目以制作徽墨网页为例，通过创建网页、编辑网页及美化网页，让学生经历网页编辑制作的一般过程。在项目学习的过程中借助网页展现徽文化的古朴典雅。
二、学情分析
本节课的教学对象是七年级学生，他们课余生活中有浏览网页信息的习惯，但对于如何通过网页编辑将自己想表达的内容借助网页呈现出来，没有具体的体验实践。对网页进行编辑的方法有很多，在教学中先要让学生了解多种不同的网页编辑方式，对互联网数据编辑有一个大致的了解，再引导学生应用短平快的 HTML5 网页编辑技术进行网页编辑。在这个过程中，教师需提供制作的网页编辑微课，提供多种数字化网页编辑平台，为学生的项目学习提供支架。学生通过观看微课、小组讨论等方式，探究运用网页编辑技术合理呈现不同的数据类型。
三、教学目标
1．素养目标
能够使用合适的数字化工具对网页进行编辑。
2．项目目标
使用 HTML5 工具制作徽文化宣传网页。
四、教学重难点
1．教学重点
掌握使用 HTML5 工具制作网页宣传徽文化。
2．教学难点
使用合适的数字化工具对网页进行编辑。
五、教学策略
本项目使用 HTML5 工具制作徽文化宣传网页。教师从中引导学生了解项目中使用的HTML5 工具及其特点。制作徽文化宣传网页时，首先基于真实情境的需求，总结项目目标，教师给学生提供学习支架，组织学生以小组合作的方式参与项目活动，学生在完成项目活动的过程中，采用在线网页编辑工具编辑网页，把复杂的代码交给后台来做，并使用获得的知识去解决项目活动中遇到的问题，在教学过程中，教师还要提供有针对性的方法指导，并提供相应的资源支撑。
六、教学准备
在本项目教学活动中，教师可以推荐一些好用的 H5 编辑器，比如：易企秀、兔展、MAKA、人人秀、初页、凡科互动、iH5。准备本节课网页制作素材资源包，为学生制作徽文化宣传网页提供数字资源。在计算机网络教室中，以小组为单位，为每组学生提供网页编辑 HTML 软件的账号与密码，制作可选择的学习指南，方便学生登录。每组在小组组长安排下，可将小组成员分为规划员（负责对网页框架设计给出具体建议）、指导员（学习教师提供的微课与学习指南，指导小组按不同类型的 HTML5 工具进行编辑）、操作员（结合本组成员的建议进行实际操作编辑）、汇报员（能够将本小组使用 HTML5 工具编辑网页的过程表述清晰）。
七、评价建议
1．过程性评价
能够根据小组成员的分工，制订相应的过程性评价量表，能和其他学生合作完成项目任务，积极参与小组活动，能积极发表自己的一些看法或听取同学发言，能根据项目需要，给小组提供所需资源。
评价标准 出色完成 完成较好 完成一般 完成不好
评价分值 5 4 3 2
评价内容 自评 互评
学习常规 积极思考，完成项目实践活动。
认真倾听教师指导，积极响应，进行网页编辑。
认真倾听同学观点，主动找出其与自己观点的您同之处，发表自己的观点。
合作交流 主动与同学交流，采纳他人好的建议。
总评
2 ．结果性评价
能展示项目成果，归纳出不同的 HTML 在线编辑器共性特点，能在文字、图片、视频的导入、模板的选择等方面有自己的观点与主张，并能汇报编辑方法，分享经验。展示汇报环节声音洪亮，有详细的小组作品展示交流提纲。
八、教学过程
教学环节 学生活动 教师活动 设计意图
项目情境明确目标 1．创设情境： 观看微课了解徽文化，本课以制作徽墨网页为例，通过创建网页、编辑网页及美化网页，展现网页制作过程。比一比哪个小组是最合格的徽文化宣传大使。 学习过程：思考、交流、聚焦情境问题。 2． 明确目标： 学习过程： 讨论如何通过网页编辑工具制作网页宣传徽文化。学生通过教师提供的学习支架，从中选择适合初中学生掌握的网页制作工具。学生在教师引领下梳理使用HTML5 在线编辑网页工具制作徽文化宣传网页的操作流程。 思考并明确：本活动的学习目标，即利用在线编辑工具制作网页宣传徽文化。 教师通过播放课前准备的原创微课，快速切入教学情境。 快速聚焦什么是徽文化，如何宣传徽文化。 引入课题“制作网页宣传地方文化”，让学生明确项目目标。 组织学生开展活动。 引入项目问题：如何利用在线编辑工具制作网页宣传徽文化？ 创设情境， 引导学生思考问题。通过引入宣传中华传统文化的情境，激发学生的学习兴趣。 随着现代化的发展和社会变迁 ，徽文化在有些地方逐渐被遗忘或淡化 ， 因此传播徽文化是一件有意义的活动。 以问题为导向，引导学生自主学习。
项目准备分析规划 (
网页编
辑工具
) (
编辑文字
) (
编辑图片
) (
编辑
… …
)活动 1：选择徽文化网页编辑技术 1．观看微课思考问题：HTML5 网页编辑软件有哪些特点？它与传统的多媒体编辑工具有什么区别？ (
常规的
多媒体
编辑软
件
) 2．学习过程：参看教师提供的素养提升内容，组内讨论并选择一种 HTML5 网页编辑技术。 活动 2：规划制作徽文化网页步骤 1．类比分析：分析电子出版物编辑的共性特点，迁移到网页编辑。 2． 明确规划步骤：结合前面的分析内容，依据前面选择的网页编辑工具，讨论实施方案，完善规划步骤。 ( ) 创建徽文化网页 ( ) 编辑徽文化网页( ) 美化徽文化网页
引导学生认识网页编辑工具的一些常规功能，使用类比方法了解网页编辑的基本功能。 对学生的回答进行评价，给予积极的反馈和建议。 引导学生：通过提供学习支架，让学生从众多互联网网页编辑方法中选择一款最适合自己的编辑软件。提出问题，对学生完成的活动任务给予评价。 在学生完成任务的过程中，巡视辅导，完成任务后，请学生说一说规划方案。 让学生明确要根据现有条件 ，筛选有价值的信息，选择出合适的制作网页的工具。 小组讨论， 思考教师提出的问题，教师要充分相信学生的能力，让学生独立完成任务，培养学生的自主学习能力。 明确自己所制作的网页主题以及制作的主要步骤。
教学环节 学生活动 教师活动 设计意图
项目实施井然有序 活动 1：创建徽文化网页 学生根据老师提供的账号、密码，登录网页制作平台。 组织学生小组合作，教师提供微课，让学生自主学习。 组织学生合作创建网页。 教师巡视辅导学生，并讲解大家遇到的共性问题。 组织学生小组合作，根据美化网页过程中遇到的问题，合作交流解决方法，并回答教师提出的问题。 根据学生制作情况，引导学生使用模板，让网页更加美观。 让学生自主学习本知识点 ，按照要求，完成创建徽文化网页的任务，培养学生的自主学习能力和协作意识。 把课堂还给学生，让学生自己动手去制作，培养他们的创新意识和自主学习能力。 在制作时可以让学习能力强的 学 生 充 当“ 小老师”，帮助其他基础差的学生共同进步。 通过选用不同模板制作网页，培养学生的审美能力。 学生可根据微课助力完成网页在线编辑 。此环节难点在于创建网页的账号与密码设计，教师可以课前解决注册登录问题。使用模板时，要选择适合项目的主题。
(
创建网页
)
(
预览网页效果
) (
准备对应素材
)
1．每个小组选择一个主题 可以是自己喜欢的主题，也可以是自己感兴趣的主题，如建筑、名菜、旅游、科技等。 每个小组根据所选主题，确定网站的目标、功能和内容，制定网站规划书。 2．小组内部分工 分别负责不同板块的设计和制作，如文字、图片、视频等网页数据内容。 3．小组间交流讨论 分享经验和技巧，共同提高。 学习过程：观看微课，通过微课自主学习，完成创建徽文化网页的任务。 活动 2：编辑徽文化网页 通过使用模板，徽文化网页得到快速美化。编辑徽文化网页，不仅可以使用常规的字体、字号、居中对齐这些基本操作，还可以利用在线网页编辑工具所提供的众多模板，快速美化，提高编辑效率。 在线网页编辑工具中的模板有很多种，根据宣传需求选择合适的模板。如图所示，分别对文字设置字体字号，对图片设置美化边框等操作。
(
编辑网页
)
(
文字
) (
图片
) (
预览网页效果
) (
视频
) (
编辑操作
) (
正文
) (
边框
)
学习过程：自主学习，各小组完成自己各具特色的作品。
教学环节 学生活动 教师活动 设计意图
项目实施井然有序 活动 3：美化徽文化网页 提出问题：如何才能让自己的网页整体风格一致？在线网页编辑器通常会提供一些模板，可以为我们节省大量时间，通过简单修改就能制作出比较满意的作品。选择相应的模板，为网页添加背景。除此之外，如下图所示，还可以通过添加背景音乐的方式，为网页添加好听的背景音乐。 还可以通过添加背景音乐，让网页更加灵动。 指导学生进行分享。
(
美化网页
)
学习过程：小组合作交流解决方法，选择符合自己网页主题的模板，思考并回答教师提出的问题。 活动 4：预览徽文化网页呈现效果 通过预览不仅可以看到画面，还可以听到背景音乐，感受成果的喜悦。
展示汇报项目评价 制作完成的作品，要不要保存呢？强调保存的重要性。请尝试把你的作品分享给老师或者朋友吧！尝试分享作品，把作品链接通过电子教室系统发送给老师。 徽文化是如何通过网页编辑软件制作的？想成为徽文化宣传大使，你们组内作品优势是什么？勇敢地畅所欲言吧。 学习过程：完成下列评价量规表的填写。 学习过程：项目实施完成后，请学生展示制作成果，并简要描述宣传徽文化网页是如何通过网页编辑软件制作的，想成为徽文化宣传大使，你们组内作品优势是什么，勇敢地畅所欲言。 教师对本节课的学习情况与项目完成情况进行综合评价，学生填写学生学习手册中的评价量规表。 通过交流与展示，提高学生的创新能力和语言表达能力。 通过互评、师评和自评，培养学生分析问题、解决问题的能力。
总结反思拓展提升 1．总结反思 师生共同总结本节课所学内容，归纳网页编辑的流程与步骤。 2．拓展提升 基础性试题：用你今天所学，在课后进一步完善你自己的徽文化网页作品。 综合性试题：HTML5 在线编辑器除可以制作徽文化网页以外，还可以制作在线的网页问卷、在线的邀请函等，发挥你的创造力，用 HTML5 做更多你喜欢且有意义的作品。 对课堂所学知识点进行归纳总结。 组织不同水平的学生完成作业，让所有学生完成基础性试题，让学有余力的学生完成综合性试题。 帮助学生总结 梳理知识结构，强化重难点。 拓展应用，让学生解决生活和学习中遇到的其他类似的问题，迁移方法。
九、板书设计
十、教学反思
通过整个项目的教学，发现学生对于课程内容兴趣浓厚。在项目准备环节中，他们能够合作讨论教师提出的问题，共同制订项目实施方案，展现出自主探究和团队合作的能力；在项目实施环节，他们积极参与讨论并提出了许多创意和想法，合作完成项目内容，达成项目目标；在项目展示环节，学生们能够清晰地表达自己的创意和想法，并接受评价和建议，优化自己的作品。在教学过程中，教师应根据学生的实际情况和需求调整教学内容和方法。同时，教师还应该关注学生的创造力和参与度，鼓励他们大胆尝试和创新。通过反思和总结教学经验，不断提高教学质量和效果。在未来教学中，我将进一步优化教学设计，针对不同层次的学生制定不同的教学策略，加强个别指导，提高教学质量。总的来说，这节课取得了良好的教学效果，学生们在实践中学习，在探索中成长。我将继续努力，为信息科技教育贡献自己的力量。

展开更多......

收起↑