H5微场景适用于大众、企业、宣传、祝福、纪念,可以做企业简介、个人简介、邀请函、生日祝福、爱情纪念、节日祝贺、宣传服务/产品等等。深受大家喜欢,下面华联信小编来教大家制作一个属于你的微场景!
172922bq2sv3hhspkbbhwa.jpg (83.46 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
准备工作:
1. 一台能上网的电脑
2. 华联信H5官网:http://h5.hualianxin.com/
3.文案、图片等素材
首先注册登录华联信H5制作后台
162022qbbbxmuzxbaspxas.jpg (61.88 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
注册页面:
162022c6wc73nol3363olw.jpg (37.43 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
登录页面:
162022w33hox1jhyoszpvh.jpg (89.81 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
华联信H5图文详细教程开启:
第一步、登录进来之后,
点击开始创建,进入模板选择页
172434vlmk7l54jm7z7kkk.jpg (282.77 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
第二步、
一、选择模板
1、海量场景模板都可以免费创建哦,根据分类快速找到心仪的H5模板!更快速的创作出炫丽的展示。
选择创建一个空白场景,可自由创作;也可创建空白场景,但不建议新手使用,适合图片海报已经制作好了
2、挑选模板预览,查看模板效果
3、确定模板后,点击“就这个”,进入创作界面
172754bwtaut0tswwq2wpw.jpg (303.87 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
二、预览模板,查看模板满意后可直接点击“使用该样例”,进入创作页面哦!
162612azn463cf0sy6mnns.jpg (116.37 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
三、创建场景,如图:
162705smmym6a3a9y2vvdy.jpg (44.77 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
第三步、编辑操作
一、界面介绍,如图:
162834sv9rsd2slckszsdd.jpg (260.9 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
二、功能介绍
第一个功能—添加修改文字
1、添加文字:点击上方的导航菜单-文本→主编辑区会出现文字输入框→点击进行编辑文字
2、文字样式修改:双击文字就可以修改文字属性,包括字体种类,字体大小、颜色,添加超链接等等。
3.我们可以看到有个浮动框,可以随意拖放位置,里面是组件设置,在“样式”里可以设置。在动画里,我们可添加动画,这个跟PPT类似
如图所示:
162958hrzdm2izbici539m.jpg (200.1 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
第二个功能—添加修改图片
1、上传图片:点击上方导航菜单图片→上传按钮→选择图片→确定
小贴士:你新添加的图片或者文字,默认都是没有动画的,我们要进行设置动画,和调整图片大小哦
2、修改图片:双击模板里的图片即可更换图片,更换好的图片,
动画跟图片大小都是跟随着模板的默认设置,我们不需要另外设置
164402isv6tvuauauvvm3b.jpg (303.77 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
图片上传界面:
164523do10jeqzlqobunz4.jpg (159.5 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
第三个功能——添加修改地图
164603dcmmoc5mnz8xzhl8.jpg (103.97 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
输入地址信息,进行搜索更换
164715zfpt4h4iff32eiop.jpg (136.45 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
第四个功能——添加修改表单
164815sp7fbsbmmy88aijr.jpg (147.21 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
表单输入框组件,可进行更换样式及输入信息名称
164847yynth1ykmaenay9w.jpg (81.14 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
第五个功能——海量精美素材库
背景库:
1、修改背景颜色:点击导航菜单背景→选择素材
2、上传背景:点击右下侧上传按钮→单击选择上传好的图片→确定
164946eb2nnow82tk4bbzt.jpg (164.23 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
图片库:
171344cu9hk7v89ada9780.jpg (73.07 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
形状库:
171509jxs6yup383iysq7g.jpg (49.8 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
第六个功能—添加修改背景音乐
添加背景音乐:点击导航菜单音乐→点击上传按钮→选择MP3格式音乐文件→确定
165415hfzk6zfg86ik61mz.jpg (102.98 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
第七个功能---添加特效
页面特效设置成功后需在手机端才能看到效果哦
特效属性都可以根据自己实际情况进行设置哦
165043yqqqzqjjqv9axzqj.jpg (132.92 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
页面特效选择“无”即可去除特效哦~
171234simv93dlfy4wfuam.jpg (19.86 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
其他组件按钮功能:
图集组件功能,可一次性上传6张图片进行炫酷播放
171910b7xmvzq9g7f88x8r.jpg (53.81 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
设置参数调整,每张图片的裁剪规格都必须统一哦!
172002j4wg3qo1gbpag4py.jpg (121.93 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
电话组件功能,可实现一键拨号哦~
165703zppoayqxo988x1ap.jpg (83.6 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
链接组件功能,可实现一键访问跳转链接
165733vmdy5hmxzp55ke3x.jpg (85.5 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
视频组件功能,可实现在线播放观看视频
165840w4iikhiuwu0z4iig.jpg (59.01 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
第三步、设置发布H5
1.内容都编辑好后,即可设置H5的标题、描述、封面等属性了
设置——常用设置
165940fhkh6lkkhs55ffa6.jpg (186.67 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
2.华联信H5大的一个优势就是可以去除广告版权信息
版权信息去除
1.设置--高级设置
2.勾选无尾页和底标
3.点击确定消耗秀点
4.点击确定,即可去除版权信息成功!如图:
170119p9le5997t9ueglw4.jpg (135.96 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
3.有无版权信息的对比预览效果
170404b4h3bom3b09u93v3.jpg (241.59 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
4. 设置好后即可发布H5啦!
170452ur95yiid89haw0ae.jpg (23.92 KB, 下载次数: )
下载附件
2017-4-24 18:00 上传
第四步、后台管理
1、生成的二维码和链接可以用于分享到微信、微博等,发布后我们还是可以修改编辑场景的
2、这里教给大家一个提高H5阅读量的方法,发布后我们再次设置场景,将做好的场景申请加入秀场,加入秀场后别人就可以看到你做好的H5了。
170537nqbbzqc2t2bfmz3v.jpg (147.43 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
3、所提交的表单,都在数据汇总里可以查看
170849sb0yr0fef07yjnaa.jpg (110.31 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
4、强大的后台数据管理
170928dmp5gj595k2e22pj.jpg (279.8 KB, 下载次数: )
下载附件
2017-4-24 17:59 上传
到这里,我们即完成了一个作品的制作过程。
做一些H5特效的动态页面,以前需要专业技术团队和设计师才能制作。现在通过我们华联信H5制作平台,大家几分钟就能免费创作自己的H5页面。甚至有的模板,你只需要换上几张图片,敲几个字,选自己喜欢的音乐\视频…一个酷炫的H5页面就出来了。
那么,工具地址都给大家了,接下来就是轮到你动手的时候了,找一个自己喜欢的模板,开始吧!
本文链接: http://weikezhuli.idcxx.com/forum.php?mod=viewthread&tid=52 (转载请保留)