请选择 进入手机版 | 继续访问电脑版

BlueMP用户社区

 找回密码
 注册BlueMP
搜索
查看: 3703|回复: 9

H5幻灯片新手指南-Part2.从新手到大神全方位成长攻略

[复制链接]

14

主题

27

帖子

250

积分

高级麦片

Rank: 3Rank: 3

积分
250
发表于 2016-4-1 11:40:49 | 显示全部楼层 |阅读模式
本帖最后由 gouqizi 于 2016-4-1 11:46 编辑

二.H5幻灯片 从新手到大神全方位成长攻略

1.创建第一个幻灯片
需要先登陆建立微站,在微站的组件下选择使用H5幻灯片,点击开启旅程。
图片 11

点击创建新幻灯片,创建你的第一个幻灯片。对于第一次使用的用户,网页会跳出一个简单的幻灯片教程,建议您花一分钟跟随教程更好的使用H5幻灯片。
图片 12

现在您可以对幻灯片进行自由编辑,单击保存即可将幻灯片保存到我的作品中,单击预览即可对预览当前幻灯片成果。
图片 13

2.编辑幻灯片
打开幻灯片编辑面板后,左边(图14标示1)添加或删除页面,右侧(图14标示2)的工具涵盖了设计页面时的所有必要元素,系统内提供一些版式供选择(图15标示),您可以直接替换内容即可,全方位满足对幻灯片设计的需求。  
图片 14

图片 15

3.添加动画
H5幻灯片可以为每个页面素材添加动画效果,可以丰富H5幻灯片的播放形式及效果。单击素材,出现素材编辑器,可选择动画只对素材的动画进行添加,也可选择编辑对素材内容和动画同时编辑。

动画编辑器提供进入、强调、退出时三大类型的多种动画效果, 同时可设置素材播放动画时的移动方向;动画1延迟时间从进入此页后计算,后续动画的延迟时间从上一动画发生后计算; 播放时间为该素材动画发生的持续时间。

图片 16

通过图17标示1加号按钮,可对同一素材添加多个动画,提升展示效果,通过图17标示2减号按钮删除这个动画。例如图17中的动画效果为图片从左进入页面后向右移出页面,动画时间共持续4秒。
通过改变动画类型、方向、延迟时间和播放时间相结合来完成预想的展示结果。
图片 17

4.分享幻灯片
个性化的分享能更抓住阅读者眼球,增加点击量。在编辑幻灯片页面中,点击预览(图18标示),进入分享设置页面。
图片 18

在右侧分享设置中,输入幻灯片标题名称和描述,无需任何操作,通过左边即时预览所做改动(图19标示处),查看在微信中或其他平台实际分享设置效果,未填写则默认标题为幻灯片, 描述为幻灯片链接。
还可设置分享图标、Loading图标和幻灯片页之间翻页效果,进一步个性化分享样式,需点击预览进行查看。
图片 19

在我的作品页面,可通过幻灯片封面下方的二维码或者链接来分享您的幻灯片。
图片20


图片21

5.幻灯片数据统计
在我的作品页面中可直接看到整体幻灯片统计数据(图22标示),帮助微站主更直观地理解浏览流量,用户反馈的数据等。
图片 22

点击幻灯片封面数据(图23标示)按钮,查看单个幻灯片统计数据。
图片 23

跳转至微站的数据中心组件检测页面,可以查看幻灯片组件的数据信息。通过这些数据可以建立浏览微站用户的习惯、模型,更好的进行针对性移动营销。图24标示,可查看不同时间段内幻灯片的浏览量、访客数及新访客数。
图片 24

图25所示该幻灯片在近30天内浏览量为16,独立访客为9个,新增了2名访客。
图片 25

流量趋势折线图(图26)能够更直观的看出浏览高低峰、访客增加量,以及两者之间的关系。横坐标为时间轴,纵坐标为数量值。
图片 26

在访客分析中,可从浏览量、独立访客、新访客三个角度查看数据,如图27标示,以浏览量为例,地域分布图中,浏览量数值越高,对应省份蓝色会越深,反之则越浅。也可将鼠标放在不同省份上查看浏览量,标示2为用户省份分布表及对应浏览量。
图片 27

还可查看用户浏览使用的系统、设备类型、浏览器和登录类型四项数据饼状图。
图片 28

鼠标放在每个饼状图上可显示更详细数据(图29标示1),还可将饼状图下载到本地保存(图29标示2)。
图片 29

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册BlueMP

x
回复

使用道具 举报

11

主题

33

帖子

160

积分

中级麦片

Rank: 2

积分
160
发表于 2016-4-16 18:56:23 | 显示全部楼层
本帖最后由 hqh5 于 2016-4-16 18:59 编辑

学习了。
回复

使用道具 举报

0

主题

1

帖子

6

积分

初级麦片

Rank: 1

积分
6
发表于 2016-4-21 16:16:52 | 显示全部楼层
我想知道 幻灯片表单收集到的客户手机号码在哪里能找到
回复 支持 反对

使用道具 举报

14

主题

27

帖子

250

积分

高级麦片

Rank: 3Rank: 3

积分
250
 楼主| 发表于 2016-4-22 11:11:03 | 显示全部楼层
yzi973493279 发表于 2016-4-21 16:16
我想知道 幻灯片表单收集到的客户手机号码在哪里能找到

您好,在H5幻灯片,我的作品里,点击幻灯片封面图,右下角会有一个表单选项,里面是用户所填的数据。如下图红框所示,希望能帮到您。





本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册BlueMP

x
回复 支持 反对

使用道具 举报

0

主题

1

帖子

4

积分

初级麦片

Rank: 1

积分
4
发表于 2016-4-22 13:27:48 | 显示全部楼层
我全部看完说明后,并没有看见背景图片的尺寸说明,不知道放多大?也没有一个参考数值
回复 支持 反对

使用道具 举报

2

主题

341

帖子

1403

积分

版主

Rank: 7Rank: 7Rank: 7

积分
1403
发表于 2016-4-22 14:37:12 | 显示全部楼层
wl_13552839941 发表于 2016-4-22 13:27
我全部看完说明后,并没有看见背景图片的尺寸说明,不知道放多大?也没有一个参考数值 ...

组件里点击背景控件弹层里是有推荐尺寸的,需要注意的是移动端设备环境太多,推荐尺寸是按ip5、6为准的,做背景图时尽可能把核心元素居中显示尤其有文字的话,这样能保证所有手机屏幕最佳。
回复 支持 反对

使用道具 举报

0

主题

2

帖子

8

积分

初级麦片

Rank: 1

积分
8
发表于 2016-7-30 14:43:54 | 显示全部楼层
怎么添加音乐?
回复 支持 反对

使用道具 举报

1

主题

2

帖子

19

积分

初级麦片

Rank: 1

积分
19
发表于 2016-8-31 14:39:42 | 显示全部楼层
请问制作H5的页面怎样调整从下往上翻页??我现在制作的是从右边往左翻页的~
回复 支持 反对

使用道具 举报

0

主题

1

帖子

6

积分

初级麦片

Rank: 1

积分
6
发表于 2017-2-28 16:20:13 | 显示全部楼层
做完,并不能分享啊,链接是打不开的
回复 支持 反对

使用道具 举报

0

主题

1

帖子

4

积分

初级麦片

Rank: 1

积分
4
发表于 2018-1-24 12:45:26 | 显示全部楼层
微信中是不是不能分享:文字 按钮什么的 完全不能用啊
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册BlueMP

本版积分规则

小黑屋|迈片互联BlueMP|京ICP备12033753号-3|    

GMT+8, 2018-6-23 05:10 , Processed in 0.103808 second(s), 23 queries .

移动营销,麦片一下!

© 2014-2015 bluemp.cn

快速回复 返回顶部 返回列表