1.1编辑网页信息 教学课件+学习单-2022电子工业版 七年级下册

情境导入： 本单元项目式 主题：校园科技节 学校即将迎来一年一度的科技节，本届科技节的主题是“科技创新 自主可控”。 本单元打算制作一个与主题相关的网页，让更多的同学了解我国科技发展的现状，感受科技的魅力。 大家想一想:“制作网页应该使用什么工具呢?” “怎样才能制作一个好的网页?...... 《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.zhizuoh5.com/（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：浏览网页 在互联网中搜索并浏览与科技创新相关的网页，把你认为优秀的网页收藏下来，完成表格，总结这些优秀的网页在设计与制作方面的可借鉴之处。 实践探究 班级：7年__班 组别：______ 2 活动2：认识H5网页 小组合作体验探究：学生制作H5网页 你在生活中使用过哪些H5网页？ 查找资料，说一说这些H5网页都有什么特点。 思考与讨论 3 活动3：制作网页 $$