资源简介

(共20张PPT)
情境导入：
本单元项目式 主题：校园科技节
学校即将迎来一年一度的科技节，本届科技节的主题是“科技创新 自主可控”。
本单元打算制作一个与主题相关的网页，让更多的同学了解我国科技发展的现状，感受科技的魅力。
大家想一想:“制作网页应该使用什么工具呢 ” “怎样才能制作一个好的网页 ......
《1.1编辑网页信息》
2023年电子工业出版社 七年级下册
-第1单元 解密互联网中的信息编码 -
珠珠老师
信息科技 课件
2022新版课标内容
1
活动1：浏览网页
2
活动2：认识H5网页
3
活动3：制作网页
《目录》
信息科技
01
浏览网页
活动1
01.知识点讲解
浏览网页是获取信息的重要手段，随着计算机技术和网络技术的飞速发展，网页的呈现形式越来越丰富。
在互联网中搜索并浏览与科技创新相关的网页，把你认为优秀的网页收藏下来，完成表格，总结这些优秀的网页在设计与制作方面的可借鉴之处。
活动1：浏览网页
01
网页收藏记录表 网址或网站名称 可借鉴之处
02
认识H5网页
活动2
01.知识点讲解
随着移动互联网的不断发展，越来越多的商家和企业利用 H5 网页来做营销推广。我们平时在移动设备上看到的邀请函、贺卡、小游戏、测试题等，很多都是 H5 网页。
活动2：认识H5网页
02
邀请函 动图
小游戏　动图
01.知识点讲解
你在生活中使用过哪些H5网页？
查找资料，说一说这些H5网页都有什么特点。
思考与讨论
活动2：认识H5网页
02
01.知识点讲解
网页中的信息也像文字、语言一样，需要用一种通用的形式表达。
助力知识：H5含义
HTML
（超文本标记语言）
发展了5代
H5
H5网页是以HTML5语言为主要技术制作的，与以往的静态网页不同，H5网页的互动性更强，页面显示效果更丰富，更适合在移动设备上传播。
活动2：认识H5网页
02
03
制作网页
活动3
01.知识点讲解
活动3：制作网页
接下来，听老师讲解
在H5平台上
网页的制作过程
03
01.知识点讲解
活动3：制作网页
第一页
第二页
03
01.知识点讲解
活动3：制作网页
学生制作H5网页（第一页）
1、打开八图网 https://www./（QQ密码登录，不需要手机验证）
2、制作“科技创新 自主可控”主题网页中“欢迎页”（第一页）的内容。
3、可以使用模板
4、制作完成后预览并生成，准备小组汇报。
5、2人为一小组，小组合作完成，大组长可以下座指导。
项目实施、初步体验
03
01.知识点讲解
1、展示你们小组的H5网页第一页的内容
2、教师和同学点评
3、说出遇到的困难，教师集中解决
小组阶段性汇报
活动3：制作网页
03
01.知识点讲解
项目实施、再次体验
学生制作H5网页（第二页）
活动3：制作网页
1、制作“科技创新 自主可控”主题网页中“欢迎页”的内容。
2、可以使用模板
3、制作完成后预览并生成，准备小组汇报。
4、2人为一小组，小组合作完成，大组长可以下座指导。
03
01.知识点讲解
1、展示你们小组的H5网页第二页的内容
2、将第二页与第一页做个跳转链接
3、教师和同学点评
4、教师总结性评价
小组总结性汇报
活动3：制作网页
03
答对啦
问题1:
什么是H5？
A. 文本传输语言
B. 超文本传输语言
C. Head 5
D. 静态网页
>
巩固练习
01.知识点讲解
课堂总结
活动1 浏览网页
总结优秀网页的优秀之处
活动2 认识H5网页
了解H5来源，认识H5网页的常见形式
说动3 制作网页
用H5制作网页，并学习了同学的优秀之处
1
2
3
goodbye
01.知识点讲解
课堂评价
学习评价单
将此问卷星链接打开，答题后提交能直接看到分数哦，快来了解自己本节课的学习情况吧！
《感谢观看》
- Thank for Viewing -
珠珠老师
2023年电子工业出版社 七年级下册《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、打开八图网 https://www./（QQ密码登录，不需要手机验证） 2、制作“科技创新 自主可控”主题网页中“欢迎页”（第一页）的内容。 3、可以使用模板 4、制作完成后预览并生成，准备小组汇报。 5、2人为一小组，小组合作完成，大组长可以下座指导。 学生制作网页（2） 1、制作“科技创新 自主可控”主题网页中“欢迎页”的内容。 2、可以使用模板 3、制作完成后预览并生成，准备小组汇报。 4、2人为一小组，小组合作完成，大组长可以下座指导。
设计意图: 培养学生独立思考的能力，提高核心素养。
3、课堂小结（7分钟）
教师活动 学生活动
总结本课内容： 活动1：浏览网页 活动2：认识H5网页 活动3：制作网页 学生一同回答并梳理知识
设计意图： 帮助学生梳理本节课知识，加深学生对知识的理解。(共1张PPT)
学习单
1
活动1：浏览网页
在互联网中搜索并浏览与科技创新相关的网页，把你认为优秀的网页收藏下来，完成表格，总结这些优秀的网页在设计与制作方面的可借鉴之处。
实践探究
班级：7年__班
组别：______
2
活动2：认识H5网页
小组合作体验探究：学生制作H5网页
你在生活中使用过哪些H5网页？
查找资料，说一说这些H5网页都有什么特点。
思考与讨论
3
活动3：制作网页班级：___________ 姓名：______________
《1.1编辑网页信息》作业设计
作业分析
作业类型 基础型作业 探究型作业 实践型作业 跨学科综合作业
作业类别 课时作业 单元作业 学期作业
应用场景 课前预习 课中练习 课后作业
作业对象 全体学生作业 学生根据情况可选作业
设计思路 通过比较、综合、拓展，巩固本节课知识点，举一反三，让学生自主探究，掌握新知，沟通交流，提升协作能力。
作业内容
【难度等级：★★★★★】制作“科技创新 自主可控”主题网页第二页的内容，如图所示，设置页面背景颜色，添加文本、图片和“返回”按钮。
期待您的到来
INVITATION
尊敢的科技爱好者：
科技是推动社会进步的重要力量，也是我们味
来发展的重要方向。本次校园科技节旨在通过
丰富多彩的料技活动，激发同学们时科学的兴
趣和热情，提高同学们的科技素养和实践能
力，为我们的未来发展打下坚实的基础。
在接下来的几天里，我们将举办一系列丰富多
彩的科技活动，包括科技讲座、科技展览、科
技克赛等。这些活动将涵盖多个领城，包括物
理学、化学、生物学、计算机科学等，让同学
们在轻松愉快的氛田中学习和成长。
让我们一起期特这个充满科技魅力的节日吧！
信息科技小组
2024年3月
23

展开更多......

收起↑