资源简介

(共26张PPT)
第5单元 第4课
活动四 通过网络分享研学成果
（湘科版 ）七年级
下
1
核心素养目标
3
新知讲解
5
相关知识拓展
7
板书设计
2
新知导入
4
课堂练习
6
课堂总结
课后作业
8
01
核心素养目标
信息意识
计算思维
数字化学习与创新
信息社会责任
学生在创作和分享中考虑隐私、安全和版权，增强信息社会责任感。
学生使用H5工具创作并分享网页，激发创新思维和数字化学习能力。
学生通过搜索和分析HTML5特点，培养逻辑思考和问题解决能力。
学生通过讨论和操作不同信息分享方式，提高信息敏感度和处理能力。
02
新知导入
“数字化”是什么？
02
新知导入
带着课题去旅行，在研学旅行中同学们的收获、感悟和研究成果，都凝聚着大家的努力，应该分享给更多的人，相互学习，开拓视野，共同进步。互联网的发展、数字化新媒体的出现，让我们通过网络高效地分享研学成果成为可能。
02
新知导入
互联网的发展和数字化新媒体的出现，如何让研学成果的分享变得更加高效？
03
新知讲解
数字信息分享的途径有多种。
一、数字信息分享的基本途径
数字信息分享方式
03
新知讲解
思考分析
小组讨论，比较不同信息分享方式的优点和缺点。
方式 优点 缺点
U盘拷贝
电子邮件
网盘分享
制作网页
社交网络
03
新知讲解
思考分析
小组讨论，比较不同信息分享方式的优点和缺点。
方式 优点 缺点
U盘拷贝 离线传输、操作简单 易丢失、容量小、病毒风险
电子邮件 便捷、支持说明 附件受限、安全性低
网盘分享 容量大、多设备同步 依赖网络、隐私风险
制作网页 展示效果好、公开展示 技术门槛高、 成本高
社交网络 传播快、互动强 隐私难控、易被滥用
03
新知讲解
在互联网上发布网页是一种易于传播的高效信息分享方式。
随着技术的发展，用第5代超文本标记语言（HTML5，简称H5）制作的数字作品得到了广泛应用。
H5网页可以包含音视频、图像和动画等元素，支持本地存储以及交互功能。
二、了解HTML5 文档
H5网页文档可以包含的元素
03
新知讲解
H5能很好地兼容计算机终端和移动终端设备，支持云端同步、快速图文排版、插人音视频以及一键分享到各类社交平台等功能。
H5支持的功能和规范
H5还具有以下优势：
1、跨平台性。
2、分享成本低。
3、开发成本低。
03
新知讲解
随着移动终端功能越来越强大，H5网页不但可以在计算机终端上制作，还可以在移动终端上完成。
三、创作分享H5网页
探究实践
1.上网搜索H5制作工具，并通过短视频了解基本使用方法。
2.选择一款H5制作工具软件，制作并分享研学旅行研究小结。
03
新知讲解
步骤
步骤1：运行H5制作工具软件，注册账号并登录，登录后点击新建文章。
步骤2：将前期准备好的文字、图片、视频以及音频等素材，添加到文章中，并选择模板对素材进行美化和排版。
步骤3：作品完成后分享到社交平台，并在班级里展示。
使用H5 制作工具软件示意图
03
新知讲解
开拓视野
2、跨平台：H5模板可以在不同的设备和浏览器上运行，无须担心兼容性问题。
开拓视野
1、易于制作：H5模板通常提供了一些预设的元素和布局，用户可以根据自己的需求进行选择和修改，从而快速地制作出自己的网页。
H5模板是一种用于创建网页的模板，可以帮助用户快速、方便地制作出高质量的网页，适用于各种不同的场景和用途，具有以下特点。
03
新知讲解
开拓视野
3、动态效果：H5模板支持各种动态效果和交互操作，例如动画、视频、音频、游戏等，可以吸引用户的注意力并提高用户体验。
开拓视野
4、响应式设计：H5模板采用了响应式设计，可以根据不同的屏幕大小和分辨率自动调整布局和样式，使得网页在不同设备上都能得到良好的显示效果。
H5模板是一种用于创建网页的模板，可以帮助用户快速、方便地制作出高质量的网页，适用于各种不同的场景和用途，具有以下特点。
04
课堂练习
1、下列关于H5的说法不正确的是（ ）。
A.H5是第5代超文本标记语言的简称
B.在朋友圈看到的每篇作品都是网页的一种
C.H5作品不能在移动终端上编辑制作
D.H5作品可以通过二维码或链接分享
2、HTML5不支持以下哪种功能？（ ）
A、音视频播放 B. 本地存储 C. 跨平台性 D. 三维建模
3、以下哪种信息分享方式最易受到网络依赖的影响？（ ）
A. U盘拷贝 B. 网盘分享 C. 制作网页 D. 社交网络
C
选择题
D
B
04
课堂练习
4、H5模板的特点不包括以下哪一项？（ ）
A、易于制作 B. 跨平台 C. 高成本 D. 动态效果
5、在创作H5网页时，以下哪一项不是需要考虑的信息社会责任？（ ）
A. 隐私保护 B. 版权问题 C. 动态效果 D. 信息安全
C
选择题
C
04
课堂练习
判断题
HTML5支持音视频播放、本地存储和跨平台性，但不支持动态效果。（ ）
操作题
尝试使用H5制作工具，选择下列主题，完成作品并分享。
（1）校园科技节。
（2）校运会。
（3）志愿者学雷锋活动。
（4）家长会邀请函。
x
05
相关知识拓展
一、信息分享安全性
（1）加密技术：使用加密算法保护数据在传输和存储过程中的安全，防止信息被窃取或篡改。
（2）身份验证和访问控制：通过身份验证机制（如密码、指纹识别）和访问控制策略，确保只有授权用户可以访问敏感信息。
（2）安全协议和标准：遵循安全协议（如HTTPS、SSL/TLS）和行业标准，确保信息分享过程的安全性和合规性。
05
相关知识拓展
二、HTML5高级功能
（1）地理定位功能：利用HTML5的地理定位API，获取用户的位置信息，用于地图应用、位置服务等。
（2）拖放功能：支持用户通过拖放操作上传文件或移动页面元素，提升用户交互体验。
（3）应用缓存：通过应用缓存机制，提高网页的加载速度和离线访问能力。
05
相关知识拓展
三、用户体验设计
（1）用户界面设计：设计直观、简洁的用户界面，确保用户能够轻松理解和操作网页。
（2）导航和交互设计：优化导航结构和交互流程，使用户能够快速找到所需信息并完成任务。
（3）响应式设计：确保网页在不同设备（如手机、平板、电脑）上都能提供一致的显示效果和用户体验。
06
课堂总结
1
引入新知内容
通过网络分享研学成果
2
数字信息分享的基本途径
3
了解HTML5 文档
4
完成课堂练习
5
进行相关知识拓展
1
2
3
5
6
4
创作分享H5网页
4
07
板书设计
通过网络分享研学成果
1.进行新知引入
2.数字信息分享的基本途径
3.了解HTML5 文档
4.创作分享H5网页
5.完成课堂练习
6.进行知识拓展
08
课后作业
01
如何通过HTML5的高级功能和用户体验设计，设计一个既安全又用户友好的网页应用？请结合具体技术说明。
https://www.21cnjy.com/recruitment/home/fine

展开更多......

收起↑