《1.1 编辑网页信息》精品课件.pptxVIP

1.1编辑网页信息七年级下册

情境导入学校即将迎来一年一度的科技节，本届科技节的主题是“科技创新自主可控”。本单元打算制作一个与主题相关的网页，让更多的同学了解我国科技发展的现状，感受科技的魅力。大家想一想:“制作网页应该使用什么工具呢?”“怎样才能制作一个好的网页?……

01浏览网页

浏览网页浏览网页是获取信息的重要手段，随着计算机技术和网络技术的飞速发展，网页的呈现形式越来越丰富。在互联网中搜索并浏览与科技创新相关的网页，把你认为优秀的网页收藏下来，完成表格，总结这些优秀的网页在设计与制作方面的可借鉴之处。网页收藏记录表网址或网站名称可借鉴之处

02认识H5网页

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

认识H5网页你在生活中使用过哪些H5网页？查找资料，说一说这些H5网页都有什么特点。思考与讨论

认识H5网页网页中的信息也像文字、语言一样，需要用一种通用的形式表达。助力知识：H5含义HTML（超文本标记语言）发展了5代H5H5网页是以HTML5语言为主要技术制作的，与以往的静态网页不同，H5网页的互动性更强，页面显示效果更丰富，更适合在移动设备上传播。

03制作网页

制作网页接下来，听老师讲解在H5平台上网页的制作过程

制作网页第一页第二页

制作网页学生制作H5网页（第一页）1.打开八图网/（QQ密码登录，不需要手机验证）2.制作“科技创新自主可控”主题网页中“欢迎页”（第一页）的内容。3.可以使用模板4.制作完成后预览并生成，准备小组汇报。5.2人为一小组，小组合作完成，大组长可以下座指导。项目实施、初步体验

制作网页1.展示你们小组的H5网页第一页的内容。2.教师和同学点评。3.说出遇到的困难，教师集中解决。小组阶段性汇报

制作网页项目实施、再次体验学生制作H5网页（第二页）1.制作“科技创新自主可控”主题网页中“欢迎页”的内容。2.可以使用模板。3.制作完成后预览并生成，准备小组汇报。4.2人为一小组，小组合作完成，大组长可以下座指导。

制作网页1.展示你们小组的H5网页第二页的内容2.将第二页与第一页做个跳转链接3.教师和同学点评4.教师总结性评价小组总结性汇报

制作网页答对啦问题1:什么是H5？A.文本传输语言B.超文本传输语言C.Head5D.静态网页巩固练习

制作网页活动1浏览网页总结优秀网页的优秀之处活动2认识H5网页了解H5来源，认识H5网页的常见形式活动3制作网页用H5制作网页，并学习了同学的优秀之处123goodbye