内容正文:
义务教育信息科技课程资源 八年级
2.3 创作发布 广宣传
第二单元 制作在线宣传手册
义务教育信息科技课程资源
1
2.3 学习目标
学 习 目 标
1
使用 H5 在线工具制作主题活动作品,学会编辑获取的网络信息,自主生成并共享有价值的网络信息。
2
了解网络信息发布平台和工具,了解作品的发布分享方式。
3
通过交流与评价,能反思并优化、完善作品。
教材第 64~80 页 · 第二单元《制作在线宣传手册》第三节
义务教育信息科技课程资源
2.3 课堂导入
课堂导入 · 问题情境
前期准备都做好了,接下来开始制作数字作品。现在数字作品的形式很多,我们选哪一种更适合呢?
熊猫:“作品的主题是‘向世界宣传三星堆’,当然是能在网络上分享和传播的作品更合适。可以使用 H5 工具来制作宣传册,结合文本、图片和互动功能,让每个人都能通过手机或电脑‘探索’三星堆!”
静思 30 秒:你在手机上见过哪些像“网页小册子”一样的作品?
电子书、互动广告、动画短片、教育游戏……都可以用 H5 技术开发——滑动图片、播放音乐、填表提交信息,在各种电子设备上都能良好展示。
义务教育信息科技课程资源
2.3 学习内容
学 习 内 容
一、识 H5
H5 网页文件是什么 · 创作七步
二、做宣传册
定目标定位 · 选模板 · 撰写编辑图文
三、加交互·测优化
动画按钮表单 · 地图导航 · 分享海报 · 多轮测试
四、发布·广宣传
选平台 · 设标题描述封面 · 二维码分享 · 四维评价
义务教育信息科技课程资源
2.3 学习内容
一、识 H5:会动的网页文件
H5 是 HTML5 的简称,它是一种用于构建和呈现网页的超文本标记语言(HyperText Markup Language)。
使用 H5 技术编写的网页除了包含丰富的多媒体内容,如文字、图片、音频、视频等,还提供了更多的交互功能。
想一想:这些 H5 应用你都玩过吗?
电子书、互动广告、动画短片、教育游戏——可以滑动图片、播放音乐或者填表提交信息,让操作更有趣、交互性更强。
义务教育信息科技课程资源
2.3 学习内容
H5 工具的创作步骤(图 2-3-1)
①→③ 打底子
确定目标和定位 → 设计创意和布局 → 内容撰写和编辑
④→⑥ 上线啦
交互实现 → 测试优化 → 发布推广
⑦ 回头看
数据分析反馈——看看作品传得远不远
七步口诀:定位 → 布局 → 写内容 → 交互 → 测试 → 发布 → 看数据。
义务教育信息科技课程资源
2.3 学习内容
二、定目标定位:先想清楚再动手
开始制作之前,要明确宣传册的什么?
**用途**——是吸引游客还是普及知识?
**目标受众**——是学生、文物爱好者还是潜在游客?
**要传达的信息量**——这将决定宣传册的内容、设计和功能。
受众不同,对设计风格和信息表达方式就有不同的偏好——先定位,再创作。
义务教育信息科技课程资源
2.3 学习活动
选模板:让创意有基础(探究活动一)
对比教材图 2-3-2 三张模板封面,你会选择哪一种来做三星堆主题作品?请说明理由。
静思 1 分钟:写出选择与理由、不选另两种的原因。
创意和布局主要体现在视觉效果上;设计平台以“模板”形式提供建议;
按颜色、风格、版式等设置筛选条件,在模板缩略图中选择,再个性化创作;
小技巧:用“三星堆”“文物”“发掘”等关键词搜索;使用模板要注意**版权提醒**,合理合法使用。
义务教育信息科技课程资源
2.3 学习内容
内容撰写与素材上传(图 2-3-3)
撰写的内容需要简洁明了,同时要确保信息的准确性和相关性。文字、图片、表格等元素应当清晰、有吸引力,并且与主题保持一致。
以选择的模板为基础开始制作作品,需要先上传相关素材。
想一想:手机里的文物照片,怎么传到 H5 编辑页面?
可以**扫二维码从手机上传图片**;如果用图片做背景,需要**先上传图片**。
义务教育信息科技课程资源
2.3 学习活动
探究活动二:图文排版四注意
注意点 怎么做
颜色 文字和背景颜色搭配舒适,避免刺眼
对比度 文字与背景的对比度高,方便阅读
? 文字和图片分区清晰,疏密得当
? 标题字号大、重点信息醒目
静思 1 分钟:教材图 2-3-4 两个版面,哪个更清楚?差在哪?
文字和图片的处理方法直接影响信息传递效果和视觉吸引力——排版是给内容“让路”的。
义务教育信息科技课程资源
2.3 学习内容
小技巧:锁定图层 · AI 帮手(思考活动一)
一个页面中的元素通常比较多,如多个文本框、多张图片……建议修改并设置好了某块内容后,及时将图层锁定,这样后续其他的编辑操作时就不会受到影响(图 2-3-5)。
还可以借助 AI 技术辅助生成宣传文本、实现文案编写、自动优化宣传册中的图片质量,甚至提供翻译服务,使宣传册能面向世界各地的不同地区观众提供多语种服务!
静思 1 分钟:结合小组规划方案,你打算怎么安排页面布局?
示例:封面(大标题+主图)→目录→珍宝页(左图右文)→发掘过程(时间线)→游览导航(地图组件)→结尾分享页。
义务教育信息科技课程资源
2.3 学习内容
初稿预览:先看整体效果(图 2-3-6)
初稿完成,通过预览看整体效果。
添加一些动画效果和多媒体元素能让页面更有趣——图片、文字、音效配合起来,三星堆的故事就“动”起来了。
想一想:预览时重点看哪三样?
看图文是否对齐、看动画顺序是否自然、看手机上显示是否正常——初稿不求完美,先看结构再抠细节。
义务教育信息科技课程资源
2.3 学习内容
加交互:让观众动起来(图 2-3-7 / 2-3-8)
H5 宣传册通常包含哪些交互功能?为什么要加?
如**动画、按钮、表单**等——这些功能可以提高使用者的参与度和体验感;
添加“**地图导航**”组件,游客能轻松到达三星堆博物馆;
添加“**分享海报**”功能:用户浏览 H5 页面时,系统直接生成包含关键信息和吸引人视觉设计的海报图片,一键分享至社交媒体平台。
想一想:你的宣传册会加哪两个交互功能?
义务教育信息科技课程资源
2.3 学习内容
测试和优化:上线前的检查单
检查项 怎么测
链接 每个按钮、链接都点一遍,看跳转对不对
按钮与动画 播放是否流畅、顺序对不对
声音与特效 音量合适吗?加载快不快?
手机预览 小屏上文字还看得清吗?
静思 30 秒:为什么要“多轮”测试,而不是测一遍?
每改一处都可能影响别处——根据测试结果不断优化,提高加载速度和用户体验。
义务教育信息科技课程资源
2.3 学习内容
四、作品发布:选平台和工具
分类 特点
社交媒体平台 允许用户发布状态、图片、视频和文章,与朋友和关注者分享信息
视频分享平台 上传和分享自己的视频作品,内容丰富、社区活跃
即时通信工具 个人通信,还可创建群组进行信息集体分享和讨论
H5 工具 H5 制作平台自带作品发布功能
论坛和贴吧 发帖讨论特定话题,分享知识和信息
博客和自媒体平台 撰写文章、博客,分享个人观点和专业知识
义务教育信息科技课程资源
2.3 学习活动
选平台,就像办一次演讲
想让更多人知道并关注三星堆,可以选择什么样的社交媒体平台?
选择平台和工具,就像办一次演讲活动,要**想清楚给谁听、讲什么内容,以及希望听众有什么样的反应**;
想让更多人知道并关注三星堆,就可以选择**用户活跃、能快速传播**的社交媒体平台;
探究活动三:除了 H5,还有哪些作品形式可以宣传推广三星堆?(海报、短视频、公众号推文、电子相册……比一比优缺点)
义务教育信息科技课程资源
2.3 学习内容
发布设置:标题 · 描述 · 封面(图 2-3-10)
发布 H5 作品时的基本信息设置,为什么那么重要?
发布 H5 作品时的基本信息设置,就如同给一部电影制作海报和预告片一样重要。
**标题**相当于电影的片名,应醒目且精准地传达作品的核心内容;
**描述**类似于电影的标签和简介,帮助搜索引擎理解作品主题;
**封面**不仅是页面门面,更是传递信息、吸引用户的重要元素——好的封面能提高停留时间。
发布后会生成**二维码和网址链接**方便分享;评价四维度:思想性·创新性·艺术性·技术性。
义务教育信息科技课程资源
$