新技术 | H5制作基础教程（易企秀）
由于微信公众号平台推出新功能，“语言资源快讯”左边显示的名称并非原作者，而是公众号管理者，原作者将于大标题和文末显示，感谢各位读者的谅解！
（图片来源于网络，侵删）
H5制作基础教程
一、什么是H5?
l H5是指第5代HTML(超文本标记语言)，也指用H5语言制作的一切数字产品。
l 通俗地说，H5是一种创建网页的方式。
l 它会让手机网页看上去更炫酷，功能也更丰富多彩。
l 对于用户而言，H5具有流量入口多、分发效率高、使用门槛低等明显优势。
二、为什么要做H5页面?
l 随着移动互联网的高速发展，智能手机、平板电脑等移动终端设备越来越普及，用户在移动端花的时间也越来越长。
l 用户时间碎片化，接收信息爆炸性增长，营销需要迅速抓住眼球。
l 微信H5页面中触摸、滑动、摇一摇，辅之以文字、图片、动画、声音，给互联网用户带来了全新体验，技术本身带来的新奇感让人们口口相传。
l H5技术正被用于商业展示、会议活动、数字出版与教育、电子贺卡、个人展示等各类场景中。
三、什么场合可以用到H5页面?
l 微信互动营销：摇—摇、大转盘、刮刮卡、优惠券、投票调查、小游戏
l 商业展示：企业宣传、产品展示、品牌传播、优惠促销、企业招聘、数据年报
l 会议活动：会议、展览会、发布会、活动......
l 数字出版与教育：电子杂志、多媒体课件、培训课程.....
l 电子贺卡：商业贺卡、节日贺卡、生日贺卡、祝福卡......
l 个人应用：个人秀、婚礼邀请、聚会Party、求职简历......
四、H5页面制作要求
图片格式：支持jpg、png.gif、svg (互动及视频编辑器暂不支持svg格式)
说明：不超过5M，单次不超过20张
音乐格式： .mp3
说明：大小不超过10M
视频：大小不超过200M，支持格式: mp4、mov，单次只能上传一个。为了保证裁切质量，请上传大于4秒的视频。
视频、音频格式转化工具推荐：格式工厂（下载地址：格式工厂 - 免费多功能的多媒体文件转换工具 (formatfactory.org)）
页面数：免费版15页内
说明：为了更好的用户体验，建议尽量控制在15页以内
五、H5制作步骤
制作H5的工具有很多，下面以易企秀(https://store.eqxiu.com)在线制作工具为例，介绍H5制作步骤。
H5制作主要分3步:
1. 场景创建
2. 场景编辑
3. 场景设置与发布
1.场景创建
首先登陆易企秀，创建一个场景，可以选择新建空白场景，自己设计页面；或者选择一个合适的模板，在模板的基础上进行创作。
模板创建帮你实现简单编辑，就能快速制作出一个专业水平的H5！假如你有已经做好的物料图片、PDF或者PSD文件，通过空白创建，也可以快速完成制作！这里以新建空白场景为例。
2.场景编辑
2.1创建好之后，可以自己添加图片、文字等进行排版；也可以选择左侧素材进行使用；同时支持一键上传PDF、导入PSD格式文件。
更多关于文本的添加、修改、组合、动画、触发、使用技巧可以看这里！（如何使用文本？- 帮助中心 - 易企秀 (eqxiu.com)）
2.2这里以《景宁畲语（干部读本）》H5的创建为例，第一页一般是封面页，我们首先做一页封面。点击文字组件，在文本框输入文字，根据需要调节文字的位置、样式和动画等。
2.3点击图片组件，可以在线选择图片或者上传本地图片，选择好图片后可以根据需要调节图片设置。
2.4完成了第一页的简易制作，第二页可以开始进入学习内容的制作。首先要新建一个页面，一般有三种方式，可以选择复制当前页面，或者新建一个空白默认常规页面，如果想要更多页面内容，可以点击新建长页面。这里选择第二种方式。
2.5此时我们可以在新的页面上进行编辑。
2.6输入单句学习的内容，会发现国际音标没法正常显示，此时音标这部分可以用图片的方式显示。
2.7将音标文字转成图片，可以采用截图再上传导入的方式，为了更好的显示效果，建议截图完抠除图片背景。
2.8为了能让H5进行畲语发音，此时可以点击音效组件。（注意：音乐组件是设置背景音乐）
2.9音效组件默认是橙色矩形，可以更换样式，用喜欢的图片代替。这里用喇叭图片代替。
2.10点击音频组件，选择添加音效，上传已有的音频。
2.11点击预览，实现点击喇叭就可以发出“你好”的畲语表达了。后续页面设计也是按类似的步骤进行。
3.场景设置与发布
3.1当我们内容编辑好，可以点击发布按钮进行发布。
3.2随后可以进行发布的分享、作品分发等的设置。
以上就是一个简易的H5基础制作了，如果想要实现更好的效果，可以选择使用模板，如果设计能力比较强，也可以发挥自己的创作能力！
制作案例分享：
往期回顾
数字人文（全媒体读本）| 景宁畲语（干部读本）第十一单元：畲族文化（示范版）
数字人文（全媒体读本）| 景宁畲语（干部读本）第十二单元：乡村振兴（示范版）
END
本期编辑|童继芳
本期审读|童继芳
责任编辑|甘于恩
版权归语言资源快讯所有，转载请注明出处
投稿邮箱：jnufyzx@163.com
“做语言资源保护公众号不容易，每天更新公众号更不容易，而每天提供新语料尤其不容易。很多读者还没养成打赏习惯，提倡每个月打赏一元钱，积少成多，我们的事业就有希望。谢谢各位！”