资源简介

项目3 制作网页宣传地方文化——互联网数据编辑
教学设计
一、学习内容
本项目为“用互联网传播地方文化”的第三个子项目，即制作网页宣传地方文化。制作之前首先要对网页编辑技术进行了解，通过对比专业网页编辑和在线网页编辑两种方式，确定适合初中生使用的网页编辑工具，了解在线网页编辑工具的原理和优势。在徽文化网页制作过程中，掌握网页制作的一般流程，及在线网页编辑工具的使用共性。最后通过网页展示，共同制订网页评价标准，形成网页制作的闭环。技术实现的同时帮助学生理解网页制作的原理，其实就是对互联网数据进行编辑、呈现的过程，再次体现数据在互联网发展中的重要作用。
二、学习基础
本节课的教学对象是七年级学生，他们动手能力强，具备一定的自主探究学习能力。作为数字时代的原住民，他们对于互联网的传播方式已经非常熟悉，但是自己制作网页的能力还有所欠缺。本节课就是在教师的指导下，从了解网页编辑技术、选择网页编辑工具、规划网页制作流程及制订网页评价标准四个环节对网页制作进行系统的掌握和应用，形成网页制作的一般流程，并能够迁移运用到其他场景中。
三、学习目标
1．素养目标
能够根据主题需要，使用适当的数字化工具对网页进行编辑。
2．项目目标
使用在线网页编辑工具制作徽文化宣传网页。
四、学习重难点
1 ．学习重点
掌握利用在线网页编辑工具制作网页的一般流程。
2 ．学习难点
能够根据互联网数据的特点来优化网页布局，让网页更加美观。
五、学习策略
本课将采用基于信息科技学科内容的项目式学习方式，学习流程以学历案的方式来组织。在完成项目的过程中，内化学生的信息科技核心素养。
(
·
收集
、整理徽文化数据
·
确定网页制作主题
·
了解网页编辑技术
·
规划网页制作流程
·
创建
、编辑
、美化网页
·
根据评价修改完善网页
·
HTML
在线网页编辑工具的优势及操作共性
·
网页编辑的本质
·
HTML
在线网页编辑工具的其他应用场景
·
使用移动端制作宣传网页
)
· 完成学习评价 , 检测学习效果
· 回顾学习过程 , 制订改进措施
六、评价任务
1．过程性评价
能主动参与学习过程，和其他学生分工合作完成项目；能积极展示自己制作的网页，发表自己的一些看法或听取同学发言；能说出在线网页编辑工具的优势，并规划网页制作的一般流程；能根据项目需要，给小组提供所需资源。
2 ．结果性评价
理解网页制作的原理；能够归纳出 HTML 在线编辑工具的操作共性；可以根据项目主题选择合适的模板，使网页的呈现风格和谐美观；能够对自己制作的网页进行评价及优化，用精练准确的语言描述网页制作过程；学习记录填写完整。
3．评价量规
评价维度 评价内容 评价结果
信息意识 了解网页编辑技术及在线编辑网页的流程。 ☆☆☆☆☆
计算思维 能根据素材需要，规划设计网页布局，体验其中数据处理和应用的方法与过程。 ☆☆☆☆☆
数字化学习与创新 能根据主题需要，灵活编辑网页数据，让网页呈现更加合理。 ☆☆☆☆☆
信息社会责任 遵守互联网数据编辑与应用的道德约束和行为规范。 ☆☆☆☆☆
七、学习准备及建议
1 ．学习准备
学历案、学案、微课及平板电脑。
2 ．学习建议
（1）构思本节课制作的徽文化网页主题，准备相应素材。
（2）了解电脑端及移动端网页制作工具及其技术。
（3）根据互联网数据的特点设计网页布局，制作徽文化网页。
（4）总结归纳使用在线网页编辑工具制作网页的收获和注意事项。
八、学习过程
学习 环节 学习内容 要点记录
课前准备 一、收集、整理徽文化数据。 二、构思网页布局。 本节课你计划制作的徽文化网页的主题是： 计划使用的数据形式： □ 文字 □ 图片 □ 音频 □ 视频
热身 阅读课本、学历案、学案，查看微课内容。 本节课主要学习的内容：
学习 环节 学习内容 要点记录
情境导入 一、展示上节课的网页作品，试着简单评价，并说说还可以从哪些方面进行改进。 二、思考问题： 1．你还知道哪些网页编辑技术？ 2．你能使用合适的工具来编辑网页吗？ 3． 网页编辑的本质是什么？ 讨论后回答，改进方向： 1．制作方式： 2．网页呈现： 3． 内容充实：
学习流程 活动一：了解网页编辑技术 1．问题思考：从技术角度看，有哪些网页编辑技术？ 2．问题聚焦：用目前比较主流的技术，即专业工具和在线工具来引领方向。 3． 问题处理： 可以借助互联网，也可以通过生成式人工智能，填写记录。 4． 问题交流：你了解到哪些网页编辑工具，它们分别有哪些特点？ 5．归纳小结：网页编辑技术 常用的专业网页编辑工具 Dreamweaver，其中文名为 ，它是集 和 为一体的编辑器。 常用的在线网页编辑工具，不需要代码编辑，是因为这类编辑工具内部是以 等网页编辑技术为基础，外部提供所看即所得的操作环境，如 。 活动二：选择徽文化网页编辑技术 1．问题讨论：基于对以上两种网页编辑技术的了解，你会选择哪一种？为什么？ 2． 问题聚焦： 以自己选择的网页编辑技术为准，进行深入了解。 3． 问题处理： 我采用 方式了解网页编辑技术，并对其中一款工具做详细了解。 方式工具特点网页代码编写在线网页编辑
通过了解，在线网页编辑工具的核心技术是： 。 选择的网页编辑技术是： 。 原因： 。
以简篇为例，查找官网并进行登录。观察界面，了解区域划分。
学习 环节 学习内容 要点记录
学习流程 4． 问题交流：使用在线网页编辑工具的过程中，你遇到了哪些困难？ 5．归纳小结：以 HTML5 语言为主要技术的在线网页编辑工具有哪些优势？ 阅读学生学习手册，进行梳理。 活动三：规划并制作徽文化网页 1．规划网页：利用 H5 编辑器制作徽文化网页需要哪些步骤？ 创建徽文化网页 编辑徽文化网页 美化徽文化网页 2．制作网页：按照规划一步步实施。 根据不同网页编辑工具的特点，参考学生学习手册或微课，制作网页并记录操作过程。 3．展示网页：通过预览徽文化网页呈现效果，分享自己的制作过程及心得，倾听老师和同学们的评价，并对网页进行完善处理。 4. 交流评价：结合学生学习手册“自评网页制作”表对网页进行评价。 5. 归纳小结：在线网页的制作流程。 选择在线网页制作工具 → 创建网页 → 编辑网页 →美化网页 → 预览网页 → 活动四：拓展提升 1．学习提升：通过互联网，寻找你喜欢的徽文化网页，分享你喜欢它的原因。 2． 思维提升： 网页编辑的本质是什么？ 网页编辑的本质是对 的编辑。 3．技术提升：请尝试用平板电脑编辑制作“徽派建筑”的网页。 4．归纳小结：在线网页编辑工具有很多，制作前可以先观察操作提示，归纳出导入文字、图片、音视频等数据的共性特征，提高制作效率。 课堂小结： 制作网页宣传徽文化 ，其本质就是对互联网数据进行编辑，让数据呈现更具整体性和可传播性。网页编辑工具有很多，适合初中生的主要为以 HTML5 语 简单描述三个区域的作用： 区域作用预览区编辑区样式区
优势体现： 编辑方式： 呈现方式： 归纳网页制作的一般流程： → → 记录操作过程： 创建网页可以完成： 编辑网页可以完成： 美化网页可以完成： 交流制作过程： 制作中的技巧：
制作中的困惑：
你认为还可以从哪些方面对网页进行评价？
你访问的网页网址是：
它的主题是：
它的特色是：
可借鉴之处：
学习 环节 学习内容 要点记录
学习流程 言为主要技术的在线网页编辑工具，它们有着相同的操作特点，容易上手且制作简单，不仅可以在电脑端编辑，还可以在移动端进行操作。通过创建、编辑、美化的流程，掌握网页制作方法，让网页更加美观且有创意。
测试评价 学习检测： 1．想要宣传某个主题，可以通过 方式，常用的编辑技术有两种，分别是 和 ，其中适合初中生使用的是 ,理由： 。 2．在线网页编辑工具主要是以 语言为基础，它可以像文档处理一样对网页进行编辑，其界面一般主要由 区、 区、 区组成。 3．应用在线网页编辑工具制作网页通常要经历 、 、 三个步骤。制作完成后可以从 、 、 方面进行评价。 4．本节课你使用的是 在线网页编辑工具，它的优势有 。 学习评价： 请对你本课学习的效果进行评价： 1． 了解常用的网页编辑技术。 ☆☆☆☆☆ 2． 熟悉在线网页编辑工具操作流程。 ☆☆☆☆☆ 3．能使用在线网页编辑工具制作网页，并有针对性地进行评价。 ☆☆☆☆☆ 4．能够使用适当的数字化工具对网页进行编辑。 ☆☆☆☆☆
课外作业 应用迁移： 1．在线网页编辑工具除了能够制作网页，还可以应用在哪些场景？ 2．利用暑假时间收集素材，尝试用手机端编辑以“ 暑假生活”为主题的网页。 应用场景： 1 ． 2 ． 3 ．
课后反思 1．查看自己制作的网页，回想你的学习过程，有哪些方面不足或超出预期 2．说一说数据在互联网中的作用。 1 ． 2 ．
九、板书设计
项目 3 制作网页宣传地方文化 — 互联网数据编辑
制作徽文化网页 了解网页编辑技术 专业网页编辑 在线网页编辑 互联网数据编辑
选择网页编辑工具：简篇、H5 等 规划网页制作流程：创建、编辑、美化
十、教学反思
本项目主要是选择合适的网页编辑工具制作徽文化宣传网页，从项目形式上来说，需要预留给学生一定的操作时间，用技术去实现，才能发现制作中的问题。
（1）解决 H5 在线编辑工具的账号及登录问题：可以提前注册账号，通过分组合作制作不同主题的徽文化网页，让学习成果呈现多元化。
（2）鼓励采取移动端方式制作，缓解在线编辑工具的账号压力，也可以让学习成果呈现多样化，更加贴近实际生活。
（3）网页制作不是简单的素材堆叠，要根据素材特点，优化设计网页布局及结构，能够根据网页主题选择合适的模板，让网页的呈现更加美观，真正起到宣传的效果。
（4）鼓励学生对网页进行自评和互评，锻炼学生语言表达能力、规划设计能力和归纳总结能力，提高学生综合素养。
通过本节课的学习，让学生明白，网页制作只是载体，其核心是对互联网数据的编辑和应用，再次体现数据在互联网发展中的重要作用， 回归信息科技课程逻辑主线。

展开更多......

收起↑