h5网页制作_朋友圈疯传的测试H5,原来在这些网站都能免费做!

1da68dca2cf4b4c21acb8dfe78d8eea6.png

71e2c7f08808ed6effcb0d78ad3d1869.png

H5页面,想必大家都不陌生。

就是平时在朋友圈看到的那些动态邀请函、人格测试之类的,手指轻轻一划,动态效果非常丰富,配乐也可以任意搭配。

1f5331c5ae60085652ebeb3c34adce71.png

比起之前的静态页面来,大家更爱这样的交互式页面。

看到H5这么流行,很多人也想给自己做一个,做做宣传嘛~

这时候问题来了:

做H5用不用花钱呢?怎么能做的很酷炫呢?

作为一只爱分享的小编~在广告界摸爬滚打好几年,推荐给你几个做H5页面的平台。

一、MAKA(码卡)推荐指数:☆☆☆☆☆

a776a031aeabc03856a4e3c77471765a.png

优点:

创作简单,功能强大。模板都很高端大气上档次。

直接拖拽即可进行图文替换编辑,轻松在模板中添加文字、图片和音乐。

支持网页、PC+移动端客户端同步编辑。

可以添加投票、点赞、指纹解锁、电话拨打等多种互动功能。

缺点:

好看的模板一般都要钱,有点小贵。

对于新手来说,操作起来可能不是特别简单,需要研究一小下。

二、易企秀 推荐指数:☆☆☆☆

3de9ddd50d2defd6ee67ecf62d6e39a3.png

优点:

操作非常简单,适合0基础操作者。

网页、PC和移动客户端均可操作。

免费模板多,类型广。

缺点:

风格大多偏正规,更适合企业使用,不太适合个人活泼愉快的需求。

插件和互动功能较弱,不容易出好玩儿的效果。

三、iH5 推荐指数:☆☆☆

be181ddb4899f08abe22f8664ff76613.png

优点:

一款专业级的H5制作工具,功能超级强大。

这个平台偏重移动交互设计,动态效果超级丰富。

缺点:

大多数都需要付费,且挺贵。

只能用PC端网页版进行操作。

按图层操作,没点儿基础还真操作不6这个平台~

四、兔展 推荐指数:☆☆☆☆

304e8ecb4ec2f5f3f5faed8695b9c921.png

优点:

定位的是普通用户,模版颇多,好上手操作。

用同事的话说:真是简单又强大!

缺点:

制作的时候元素之间有重叠,在操作上就比较麻烦。

五、人人秀 推荐指数:☆☆☆☆

1e28ac7140d34f33aaa6037ccf6cfd63.png

优点:

上手简单,运营工具超丰富。

可以做简单翻页的,也可做VR全景、快闪、长页面、红包、抽奖、投票、砍价等活动。

一键点击使用,拖拉拽调节,小白用户也能轻松制作。

缺点:

风格比较粗狂,在我看来,并不是很精美。


其实H5平台还有很多,比如爆米兔、PP匠、搜狐快站、微页、木疙瘩、秀米、意派、云来、百度H5……等,由于精力问题,小编没有逐一测评。

建议你选个合适的平台,尝试做一下哦。这个时代,多会一个技能真的很有用,毕竟机器人都快比你聪明了。

小提示:如果你有设计H5页面的相关需求,可以关注该知乎号,私信小编哦~

99f9fa7a20dca1b1ff91d52323731179.gif
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Uni-app 是一款基于 Vue.js 的开发框架,可以同时开发出H5、iOS、Android等多平台的应用。如果您想在Uni-app中实现H5分享到好友、朋友圈的功能,可以按照以下步骤进行操作: 1. 在需要分享的页面中引入微信JS-SDK的JS文件,如下所示: ```html <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> ``` 2. 在需要分享的页面中定义分享的数据,如下所示: ```javascript export default { data() { return { shareData: { title: '分享标题', desc: '分享描述', link: '分享链接', imgUrl: '分享图片' } } } } ``` 3. 在需要分享的页面中调用微信JS-SDK的API,如下所示: ```javascript export default { data() { return { shareData: { title: '分享标题', desc: '分享描述', link: '分享链接', imgUrl: '分享图片' } } }, created() { this.initWXShare(); }, methods: { initWXShare() { const wx = require('jweixin-module'); wx.config({ debug: false, appId: 'your_appid', timestamp: parseInt(new Date().getTime() / 1000), nonceStr: 'your_noncestr', signature: 'your_signature', jsApiList: [ 'updateAppMessageShareData', 'updateTimelineShareData' ] }); wx.ready(() => { wx.updateAppMessageShareData({ ...this.shareData, success: function () { // 分享成功时的回调 }, cancel: function () { // 分享取消时的回调 } }); wx.updateTimelineShareData({ ...this.shareData, success: function () { // 分享成功时的回调 }, cancel: function () { // 分享取消时的回调 } }); }); } } } ``` 4. 在需要调用分享功能的地方触发分享事件,如下所示: ```html <button @click="share">分享</button> ``` ```javascript export default { methods: { share() { const wx = require('jweixin-module'); wx.showMenuItems({ menuList: [ 'menuItem:share:timeline', 'menuItem:share:appMessage' ] }); } } } ``` 其中,`share`方法用于触发分享事件。`wx.showMenuItems`方法用于显示需要使用的分享菜单项。请注意,该方法必须在`wx.ready()`方法中调用,以确保微信JS-SDK已经准备好使用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值