欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

百度H5是什么? 百度H5基本使用技巧

程序员文章站 2023-03-04 08:46:44
百度H5是什么? 百度H5基本使用技巧百度H5是什么?之前给大家介绍过微场景,在微信中经常能看到别人使用微场景做宣传,H5能做什么?产品演示、招聘广告、邀请函、贺卡、情人表白,下面我们就来看看百度H5基本使用技巧... 16-04-05...

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

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

百度H5是什么? 百度H5基本使用技巧

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

百度H5是什么? 百度H5基本使用技巧

百度H5是什么? 百度H5基本使用技巧

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

1:添加页面

2:组件布局

3:效果预览区

4:分类页面

5:类似flash的时间轴

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

百度H5是什么? 百度H5基本使用技巧

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

百度H5是什么? 百度H5基本使用技巧

百度H5是什么? 百度H5基本使用技巧

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

百度H5是什么? 百度H5基本使用技巧

百度H5是什么? 百度H5基本使用技巧

百度H5是什么? 百度H5基本使用技巧

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

百度H5是什么? 百度H5基本使用技巧

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

百度H5是什么? 百度H5基本使用技巧

相关标签: 百度H5