新技术 | 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
“做语言资源保护公众号不容易,每天更新公众号更不容易,而每天提供新语料尤其不容易。很多读者还没养成打赏习惯,提倡每个月打赏一元钱,积少成多,我们的事业就有希望。谢谢各位!”