电子工业社版（2022）七年级信息科技下册 1.1编辑网页信息 教学设计.docxVIP

《1.1编辑网页信息》教学设计

教学内容分析

本节课是2022年电子工业出版社出版的七年级下册第一单元第3课。本节课分为三个活动：“浏览网页”“认识H5网页”“制作网页”三部分内容组成。学生通过小组合作探究学习逐步掌握本节课的知识点，具备一定的小组合作能力、探究能力、创新能力等，提升信息社会责任，综合提升信息素养。

教学目标及核心素养指向

1、浏览网页，能总结优秀网页的优秀之处；（信息意识、计算思维）

2、了解网页的概念及组成元素、了解HTML和H5的概念及特点，知道静态网页和动态网页的区别（信息意识）

3、能制作网页，实现“科技创新·自主可控”主题网页制作（信息意识、计算思维、数字化学习与创新、信息社会责任）

教学重难点

教学重点：

1、浏览网页，能总结优秀网页的优秀之处；

2、了解网页的概念及组成元素、了解HTML和H5的概念及特点，知道静态网页和动态网页的区别

设计原因：了解网页是本节课的主要内容，知识点的渗透需要作为重点内容。

教学难点：

能制作网页，实现“科技创新·自主可控”主题网页制作

设计原因：制作网页在操作上对学生来说比较困难，所以此部分对学生来说难度较高，应作为难点内容。

教学过程

1、情境导入（3分钟）

教师活动

学生活动

情境引入：学校即将迎来一年一度的科技节，本届科技节的主题是“科技创新自主可控”。

本单元打算制作一个与主题相关的网页，让更多的同学了解我国科技发展的现状，感受科技的魅力。

大家想一想:“制作网页应该使用什么工具呢?”“怎样才能制作一个好的网页?......

学生听教师引导生活中的案例,学生讨论，回答提问

设计意图：

激发学生对网页的学习兴趣并快速进入学习状态。

2、新知讲授（35分钟）

教师活动

学生活动

活动1：浏览网页

浏览网页是获取信息的重要手段，随着计算机技术和网络技术的飞速发展，网页的呈现形式越来越丰富。

活动2：认识H5网页

随着移动互联网的不断发展，越来越多的商家和企业利用H5网页来做营销推广。我们平时在移动设备上看到的邀请函、贺卡、小游戏、测试题等，很多都是H5网页。

网页中的信息也像文字、语言一样，需要用一种通用的形式表达。

H5网页是以HTML5语言为主要技术制作的，与以往的静态网页不同，H5网页的互动性更强，页面显示效果更丰富，更适合在移动设备上传播。

活动3：制作网页

教师讲解在H5平台上网页的制作过程

学生通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务

活动1：浏览网页

小组合作探究

在互联网中搜索并浏览与科技创新相关的网页，把你认为优秀的网页收藏下来，完成表格，总结这些优秀的网页在设计与制作方面的可借鉴之处。

活动2：认识H5网页

小组合作交流

你在生活中使用过哪些H5网页？

查找资料，说一说这些H5网页都有什么特点。

活动3：制作网页

小组合作探究

学生制作网页（1）

1、打开八图网/（QQ密码登录，不需要手机验证）

2、制作“科技创新自主可控”主题网页中“欢迎页”（第一页）的内容。

3、可以使用模板

4、制作完成后预览并生成，准备小组汇报。

5、2人为一小组，小组合作完成，大组长可以下座指导。

学生制作网页（2）

1、制作“科技创新自主可控”主题网页中“欢迎页”的内容。

2、可以使用模板

3、制作完成后预览并生成，准备小组汇报。

4、2人为一小组，小组合作完成，大组长可以下座指导。

设计意图:

培养学生独立思考的能力，提高核心素养。

3、课堂小结（7分钟）

教师活动

学生活动

总结本课内容：

活动1：浏览网页

活动2：认识H5网页

活动3：制作网页

学生一同回答并梳理知识

设计意图：

帮助学生梳理本节课知识，加深学生对知识的理解。