多语言展示
当前在线:989今日阅读:91今日分享:37

如何免费制作简单html5页面

使用线上工具免费制作h5页面
工具/原料
1

爆米兔线上工具

2

页面背景 建议使用640*1008像素(px)大小

3

一些简单的图片

方法/步骤
1

创建自己的html5应用有两种方法,第一种办法很简单,就是在“创意商店”中选择一个自己喜欢的模板,然后编辑里面的文字,图片就可以了,这种方式不做重点介绍了,我们主要说一下第二种方法。

2

打开爆米兔网站,搜索爆米兔进入网站,点击登录或开始制作,使用QQ账号或微博账号登录

3

来到新建页面,首先设置应用名称和背景等信息,点击页面右上角的设置按钮,打开设置面板,主要设置应用名称、背景音乐和微信分享信息几项即可,设置后点击设置按钮完成

4

接下来我们编辑第一个页面,首先是背景(也可以不设置背景,大家根据自己的想法具体操作),可以选择纯色背景或者使用背景图片,也就是我们在原料中提到的640*1008像素的图片,使用这个尺寸的图片作为背景可以最大范围的适配各种手机屏幕,大家要注意一些,尽量使用背景来设置,不要用插入图片的方法设置背景

5

小编用了白色背景,设置好后,我们就可以添加其他元素了,目前在爆米兔上提供的元素类型包括:文本、图片、按钮、视频、表单这5种,插入后都可以在右边的编辑面板中进行调整。重点说一下动画和功能两个设置:动画设置可以给一个元素设置他的出场、退场、特效动画,几个元素间设置好各自的动画和动画生效的时间间隔,可以做出很有意思的动画效果;功能设置主要是给元素添加点击的效果,可以点击后跳转到一个外站网页或制作的其他页面,还可以设置成微信分享提示按钮。

6

其他页面都做好后,可以点击右上角的预览按钮进行预览,觉得效果符合预期的话就可以发布上线啦,上线后用手机扫描二维码后就可以在微信中进行分享了。

注意事项
1

设置背景图片请使用更换背景功能

2

预览地址请不要发给外部进行传播

推荐信息