百度H5的详细介绍及使用方法

百度H5的详细介绍及使用方法

百度H5尚在开发阶段,现在仅提供申请测试试用,下面我们先睹为快,来看一下基础操作:

H5能做什么?产品演示、招聘广告、邀请函、贺卡、情人表白(没试过),将它理解为动画就好了。

百度H5的详细介绍及使用方法

1、打开百度H5,登录你的账号点击账号找到:我的H5,如下图

百度H5的详细介绍及使用方法

百度H5的详细介绍及使用方法

2、可以点击上图的+来创建一个空白的效果。简单认识一下界面布局:

1:添加页面

2:组件布局

3:效果预览区

4:分类页面

5:类似Flash的时间轴

6:编辑、动画特效设置区

百度H5的详细介绍及使用方法

3、先添加一个图片,让它动起来:点击:顶部蓝色“媒体”按钮,添加图片,如下图:

百度H5的详细介绍及使用方法

百度H5的详细介绍及使用方法

4、选中图片,点击动画-->添加动画:选中一个动画效果,然后按照图示,设置效果,并点击播放测试;

百度H5的详细介绍及使用方法

百度H5的详细介绍及使用方法

百度H5的详细介绍及使用方法

5、添加页面事件,事件-->控制类-->摇一摇

百度H5的详细介绍及使用方法

6、再次添加一个图片,并设置动画效果(在布局页面,可以进行组件的命名,如下图):点击播放可以预览效果,也可以点击预览按钮,在手机端进行扫码查看。

百度H5的详细介绍及使用方法