第一门户首页

iebook-超级H5操作帮助文档

更新时间:2016年03月25日 作者:iebook 人气: 【字体: 收藏 打印文章

iebook-超级H5操作帮助文档

一分钟 轻松创建属于您自己的H5

一、用对工具

使用iebook 超级H5, 推荐使用谷歌浏览器

iebook超级H5暂时只提供电脑版,电脑版主要用于制作。建议您用电脑制作。iebook超级H5提供了H5制作、场景制作、场景传播统计、数据收集与二次营销功能。制作场景支持:文本、背景、音乐、视频、图片、输入框、按钮、电话、联系人、特效、动画、样式设计等功能,能充分支持您的创意发挥。

使用iebook超级H5时,访问官网,注册即可使用。如不会使用,可在iebook官网查看官方操作指南。在电脑上使用时,推荐使用谷歌浏览器,直接访问http://my.01w.com。

其他浏览器对H5技术的支持没有谷歌浏览器好,因此使用时可能会遇到一些小小的麻烦。

谷歌浏览器下载地址:

https://www.baidu.com/s?wd=%E8%B0%B7%E6%AD%8C%E6%B5%8F%E8%A7%88%E5%99%A8

(注意谷歌浏览器默认搜索是谷歌浏览,可在设置-搜索中选择百度作为默认搜索工具)

这不仅是用iebook超级H5用得最爽,也是目前电脑上最好用的浏览器。使用它时,可以在设置里把默认搜索改为百度,这样地址栏也就成为搜索栏了。

二、登陆界面

1. 打开浏览器在地址栏输入http://my.01w.com/,进入用户中心登录界面

2. 新用户注册 – 点击进入用户注册页面

3. 可直接用微信、微博、QQ其他关联账号一键登录;

三、注册账号

A、方法一:直接新用户注册账号(带*号为必填项

1、点击新用户注册点击立即开通-进入完善个人设置, 按要求填写信息, 完成后,点击立刻开通,如《图2-1》

2、设置头像 – 点击选择文件本地图片定义个性头像 – 保存; 如《图2-2》,也可以跳过

3、设置个人标签 — 填写个信息,添加标签方便更多好友找到你 如《图2-3》

4、关注感兴趣的好友,可以关注好友的动态; 如《图2-4》

5、注册完成 如《图2-5》

B、方法二: 直接用微信账号登陆

1、点击用户登录中心和微信图标,弹出现左边的二维码《如下图》

C、方法三: 直接用微博账号登陆

a) 可以输入已注册的微博账号与密码

b) 可以用扫二维码登录

c) 如果没有微博账号,可点击主界面的注册按钮,进行个人\官方注册账号设置

D、方法四: 直接用QQ登陆

a) 用QQ手机版扫描二维码,或点击已经登陆的QQ头像授权并登录

b) 输入QQ账号与密码登陆

三、超级H5的制作步骤

(免费APP码有效期3个月,一个APP码只可制作一个H5,即一本手机画册)

A.如何获取APP码,操作步骤:

1、成功注册登陆后,进入第一印象界面

2、 点击导航条“超级H5”按钮, 我的H5会显示“发布新的Book”

3、点击“发布新的Book”会转到“制作/发布”的页面,点击免费获取制作码,弹出二维码窗,用手机扫二维码关注微信,必须关注成功,才能获得制作码。

4、用手机打开已关注成功的超级精灵,点击菜单栏的关于/帮助,点击获取APP码,即可获取免费APP 码,(免费APP码有效期3个月,一个APP码只可制作一个H5,即一本手机画册)

5、输入获取的APP码,点击“开始制作”,进入制作超级H5。

B.如何创建超级H5的两种方法:

方法一:点击“模板列表”点击“绿色框”,进入创建H5界面

方法二:直接选中其中一个模板,可以点击“没错,就是它了”开始制作,也可以点击“预览”,即可看该模板的效果图

以上两种方法都可进入创建H5界面,输入app名称、选择行业、上传封面缩略图→设置翻页方式、填写App描述 ,输入获取的app码

备注:

如果之前没有获取app码的,可以扫超级精灵公众号二维码,关注后,用手机打开已关注成功的超级精灵,点击菜单栏的关于/帮助,点击获取APP码,即可获取免费APP码

同时,点击H5首页,点击用户案例,会看到客户做好的案例,可以点击查看,也可以用手机、平板扫二维码观看

四、超级 H5封面制作操作步骤

1. 创建H5,填写里面的内容后,点击绿色框,会出现上传界面(如下图):

2. 点击“上传文件”,选择你所需要的图片“拖入区域”,或者 “点击添加文件”,点击“上传完成”(如下图):(图片格式为jpg\png\gif)

3. 成功上传,点击你刚刚上传的图片,会出现以下这个界面,点击“确定”(如下图)

4. 回到“创建App”的界面,会看到上传的图片出现在“封面缩略图”旁边,如下图:

五、H5页面基本操作

A、进入H5界面介绍:

常用的工具栏:常用的命令以图标的形式组成了一个常用工具栏

模板:可以选择模板中心里面的模板制作,也可以使用我的模板、最近使用、企业模板

保存和预览:

在制作的过程,随时可以对当前杂志进行“保存”、“预览”、“全屏”、“退出”操作

B、场景页面管理编辑功能介绍

操作步骤:

“+”:选中某个页面→单击“”→在选中的页面下,增加一个空白页面《如图1》

生成我的模板:选中某个页面→单击生成我的模板→在选中的页面下,生成到我的模板《如图2》

复制:选中某个页面→单击复制→在选中的页面下,复制增加一个页面,也可以按左上角顶端的复制按钮,或者最底端编辑栏的“复 制”《如图3》

删除:选中某个页面→单击删除→删除选中的页面,也可以按左上角顶端的删除按钮《如图4》

a、撤销/恢复场景编辑操作

功能说明:

撤销和恢复:若操作失误可以点击底顶编辑栏(如下图)撤销和恢复按钮。

刷新预览:可以预览当前版面的效果

b、网格设置/手机边框编辑操作

功能说明:

网格设置:可以设置风格开关、风格颜色、智能参考、吸附效果等

手机边框:可以设置杂志编辑的时候是否需要手机边框的效果

六.使用各类组件,制作丰富的内容与特效

1、美术字组件

操作步骤:(备注:多种字体可供选择,添加过多影响制作和打开速度。

点击要编辑的文本→点击工具栏上 “美术字”图标→选择字体

2、文本组件

2.1.增加文字组件

操作步骤:

点击工具栏上 “文本”按钮,编辑框会自动生成一个文本框,即可输入文字。

2.2.编辑文字 操作步骤:

组件右键点击文本→点击“编辑”,可以修改文字的大小、颜色、背景、加粗、文字段落格式和文字超链接等。

2.3.增加文字链接/制作链接按钮

功能说明:

增加文字链接时,编辑时注意先选中文字(类似word中编辑文字)再点击增加链接功能。增加链接可选择链接至场景各页或者链接至网址。

2.4.设置文字样式

操作步骤:

右击文字组件→样式→设置文字样式,包括:文字的颜色、透明度、边距、行距、边框、阴影、旋转等文字效果。(样式选择目前图的样式都主要有三项:基础样式、边框样式和阴影样式 )

2.5.设置文字动画

功能说明:

组件动画的设置主要包括了:动画类型设置、动画方向设置和动画时间设置。动画时间设置包括:对选定动画的动画时间(播放时间)、延迟时间和动画次数、动画方向的设置。

2.6.文字组件的复制粘贴删除

复制与粘贴操作步骤:

复制和粘贴文字组件:右键点击文字组件→选中“复制”→在编辑框空白处点击右键→点击“粘贴”即可粘贴,也可以在其他页面“粘贴”

删除文字组件操作步骤:

右键点击文字组件→选中如上图删除图标→完成删除

2.7.文字组件层次调整

操作步骤:

右键点击文字→ 左键点击层次选择【置顶/上移一层/下移一层/置底】→完成调整

3、背景组件

3.1.增加背景组件(上传图片大小:高1008像素,宽640像素;格式jpg\png\gif

方法一:点击工具栏“背景”按钮→进入背景添加窗口,直接选择超级H5自带的“背景库”的图片

方法二:点击工具栏“背景”按钮→进入背景添加窗口→点击上传,→选择你需要的背景图片→完成背景添加,上传成功后的图片会在“我的背景”里面

3.2.背景的裁剪、更换和删除

操作说明:

裁剪:点击背景编辑按钮中的“裁剪”即可进入背景的裁剪界面

更换:点击背景编辑按钮中的“背景”即可进入背景的编辑界面

效果:点击背景编辑按钮中的“效果”即可选择页面背景的放大或缩小效果,

删除:点击背景编辑按钮中的“删除”即可删除背景

4、背景音乐

如何设置背景音乐

操作步骤:(上传背景音乐,格式及大小:mp3格式,4M大小为佳

点击菜单栏“音乐”按钮或端编辑栏“音乐”按钮都可进入音乐添加窗口,音乐可以从系

统自带的“音乐库”和用户自己上传的“我的音乐 ”里选择,也可以插入音乐网络连接 。

即可添加背景音乐或更换原来已有的背景音乐

备注:

◆ 有时背景音乐不能自动播放怎么办?

◆ 部分手机的场景背景音乐不能播放,这是由多种原因导致的:一方面跟手机有关,有的手机系统不支持对背景音乐流媒体的播放;另一方面也跟网络有关,网络不好或者网络设置里限制了流媒体播放,都有可能导致不播放背景音乐。另外,注意下你的背景音乐要小一点,控制在4M左右,或使用系统自带音乐。

5、视频组件

如何添加视频

操作步骤:(什么是通用代码?请在编辑时点击绿色字体进入详细解释

点击菜单栏“视频”按钮→进入视频添加窗口,将“视频通用代码”输入到文本框即可完成添加《如下图5-1、图5-2》

《图5-1》

《图5-2

6、图片组件

6.1.添加图片组件

操作步骤: 《如图6-1》

上传组件:点击导航条“图片”→进入图片设置页面

图库类型 :

  1. 方法一:【 图片库 】是iebook超级H5官方为用户提供的素材库,会定期更新
  2. 方法二:【 我的图片】是用户自己上传的图片,点击如图上传图标即可上传

《图6-1》

6.2.更换图片组件

操作步骤:《如图6-2

右键编辑图片→选择“编辑”→重新选择照片→完成图片修改

《图6-2

6.3.编辑图片 《图6-3》

操作步骤: (图片编辑主要包括:裁剪图片、图片大小、移动图片位置)

裁剪图片:右击图片→裁剪→设置→完成

图片大小:点击图片 →图片周围会出现四个圆点→拖动圆点可以对图片的大小进行修改

移动图片:点击选中图片→拖动图片→松开左键完成拖动  

《图6-3》

6.4.设置图片样式

操作步骤: 图片样式都主要有三项:基础样式、边框样式和阴影样式

右击图片→样式→样式设置《如图6-4》

《图6-4》

【基础样式】主要包括以下功能:背景颜色的选择、图片透明度的选择《图6-4-1》

【边框样式】主要包括以下功能:边框尺寸、边框弧度、边框样式、边框颜色和边框角度(旋转)的调整。《图6-4-2》

【阴影样式】主要包括以下功能:对边框大小、模糊度、颜色和方向的调整《图6-4-3》

《图6-4-1》 《图6-4-2》 《图6-4-3》

6.5.设置图片动画

操作步骤:(图片动画主要有:动画方式、动画方向、动画时间、次数等设置

右击图片→动画→动画设置

功能说明: 动画方式设置包括:《如图6-5》

1、进入方式(例如:进入、淡入、弹入、翻转进入、中心弹入等)

2、强调方式(例如:摇摆、抖动、旋转、翻转、悬摆)

动画时间设置包括:动画播放时间、延迟时间和动画次数、动画方向的设置《如图6-5-1

《图6-5》 《图6-5-1

6.6.设置图片链接

操作步骤:

右键点击图片→选择“链接”→进入如上图所示的编辑页面

图片的连接包含两种:

①点击图片导向外链:在“网站地址”里输入网址即可。

②点击图片进入场景页面:只需在“场景页面”下拉菜单里选择即可

6.7.图片组件的复制和删除

操作步骤:《如图6-7

复制和粘贴文字组件:

右键点图片组件→选中“复制”→在编辑框空白处点击右键→点击“粘贴”即可

删除文字组件:

右键点击图片组件→选中如上图删除图标→完成删除

《图6-7

6.8.图片层次调整功能

操作步骤:

上移一层/下移一层:

右键点击图片→ 左键点击层次选择【上移一层/下移一层】→完成调整《如图6-8-1》

置顶/置底:

右键点击图片→ 左键点击层次选择【置顶/置底】→完成调整《如图6-8-2》

《图6-8-1

《图6-8-2

7、图形组件

操作步骤:(分为三个类别:图形、图标、文字

点击导航条上面的“形状”→选择素材→确定

功能说明:

添加不同形状的矢量素材,里面可更换颜色、透明度、添加动画等设置

8、图集组件

8.1.增加图集组件

操作步骤:

点击菜单栏顶端“图集”→进入新增图集界面,选择\上传图片→确定。

8.2.图集的编辑 裁剪

操作步骤:(每个图集组件可增加1~6张图片、图集可设置是否自动播放。)

点击图集→编辑→进入图集编辑页面→图集内图片的增删、选择是否自动播放

8.3.图集的复制粘贴和删除

操作步骤:

复制图集 :点击图集→复制→在任意页面点击空白处→粘贴

删除图集:点击图集→删除

8.4.图集的层次调整

右键点击图片→ 左键点击层次选择【上移一层/下移一层】→完成调整《如图8-4

右键点击图片→ 左键点击层次选择【置顶/置底】→完成调整《图8-4-1

《图8-4》 《图8-4-1》

9、 互动组件

9.1.电话组件

9.1.1电话组件功整体能说明

功能说明电话组件是给某一个页面加上一个电话按钮

9.1.2.电话组件的样式

操作步骤:(样式都主要有三项:基础样式、边框样式和阴影样式)

右击按钮→样式→样式设置《如图9-1

功能说明:

【基础样式】主要包括以下功能:背景颜色的选择、文字颜色的选择、透明度的选择

、边距的选择、行高的选择《如图9-1-1

【边框样式】主要包括以下功能:边框尺寸、边框弧度、边框样式、边框颜色和边框角度(旋转)的调整。《如图9-1-2

【阴影调整】主要包括以下功能:对边框大小、模糊度、颜色和方向的调整《如图9-1-3

《图9-1

《图9-1-1《图9-1-2》 《图9-1-3》

9.1.3电话组件的动画

功能说明:

组件动画的设置主要包括了:动画方式设置、动画方向设置和动画时间设置。

动画时间设置包括:对选定动画的动画时间(播放时间)、延迟时间和动画次数、动画方向的设置。

9.1.4电话组件的复制、粘贴、删除、层次调整

操作步骤:

复制图集 :点击图集→复制→在任意页面点击空白处→粘贴《如图9-1-4

删除图集:点击图集→删除《如图9-1-4

《图9-1-4

上下位置移动:右键点击图片→ 左键点击层次选择【上移一层/下移一层】→完成调整《如图9-1-5

《图9-1-5

置顶/置底:右键点击图片→ 左键点击层次选择【置顶/置底】→完成调整《如图9-1-6

《图9-1-6

10、触发

10.1.触发组件的增加和更改:

操作步骤:

点击菜单栏上的“互动”→选择“触发”→点击该页面里面需要触发的元素→进行触发设置页面

10.2. 触发组件的设置

功能说明:

浏览页面时:可选择“点击”或“摇一摇”,来确定浏览页面方式《如图10-2-1》

页面元素:选择该页面有的元素,例如《图10-2-2》有两个元素,分别是形状1、图片2

选择界面已有元素编辑、延迟时间及该页面其余的元素是否显示等功能《如图10-2-3》

添加触发:可选择该页面已有的元素或随机图片,随机图片可以上传一些素材库或本地电脑上面有的图片进行编辑《如图10-2-4、图10-2-5》

《图10-2-1》 《图10-2-2》

《图10-2-3》 《图10-2-4》

《图10-2-5》

11.地图组件

创建地图组件

操作说明:

点击互动菜单点击地图搜索地方确定,即可插入地图图片到该版面

插入版面后,可进行编辑、样式、添加动画、复制、删除、显示顺序设置:

12、计数组件

计数组件的添加

操作步骤:

点击菜单栏顶端“互动”→选择“喜欢”\顶起“\“送花”\“投票”→进入设置页面→选择“颜色”、“字号”、”布局”“自定义”设置→点击确定

插入版面后,可进行编辑、样式、添加动画、复制、删除、显示顺序设置:

13、统计组件

统计组件的添加

操作步骤:

点击菜单栏顶端“互动”→选择统计,点击阅读量→进入设置页面

插入版面后,可进行编辑、样式、添加动画、复制、删除、显示顺序设置:

14、表单组件

14.1.快捷表单组件

操作步骤:点击菜单栏顶端“表单”→选择快捷表单→点击联系人,即可出现联系人输入框《图14-1

《图14-1

插入版面后,可进入编辑、样式、添加动画、音效、复制、删除、显示顺序设置:

14.2.选项组件

14.2.1输入框组件的创建与设置

操作步骤:

点击菜单栏顶端“表单”→点击“选项”→选择“输入框”,即可进入输入框内容设置页面。输入框内容设置主要包括以下内容进行设置输入框名称、勾选是否必填→点击确定

插入版面后,可进行编辑、样式、添加动画、复制、删除、显示顺序设置:

14.2.2.单选\多选框的创建与设置

操作步骤:

点击菜单栏顶端“表单”→点击“选项”→选择“单选”或“多选”,即可进入单\多选框内容设置页面。单\多选框内容设置主要包括以下内容进行设置标题名称、添加选项的名称,勾选是否必填→点击确定

《图14-2

插入版面后,可进行编辑、样式、添加动画、复制、删除、显示顺序设置:

14.2.3.提交按钮的创建与设置

操作步骤:可以更改成其他名称,一个场景建议只添加一个按钮

点击菜单栏顶端“表单”→点击“提交按钮”,即可进入按钮名称设置页面,选择按钮名称、提示类型、提示信息、文件链接信息→确定

插入版面后,可进行编辑、样式、添加动画、删除、显示顺序设置:

15、特效组件

15.1. 特效组件的添加

操作步骤:(超级H5场景有涂抹、指纹、数钱、环境、飘雪、烟花、以及无特效功能)

增加特效:

点击菜单栏顶端“特效”→进入特效设置页面→选中其中一种特效方式→进入特效设置页面→保存

《如图15-1

《图15-1

15.2.特效的更改

操作步骤:

更改特效:

方法一:特效增加后,若想更改,只需再次操作“添加特效”流程即可《如上图15-1

方法二:点击最下方特效按钮中的“更改”(图以“涂抹”为例)→进入特效设置页面,即可更改该页的特效《如图15-2

《图15-2

15.3.特效的删除

操作步骤:

删除特效:

方法一:点击特效编辑按钮中的“无”,即可去除该页背景特效《如图15-3

方法二:点击最下方特效按钮中的“删除”即可去除该页背景特效《如图15-3-1

《图15-3

《图15-3-1

16、红包组件

16.1.红包组件功能说明

根据“编辑页面”点击上侧编辑栏里的红包,再到右侧编辑栏,设置金额,中奖率,是否可重复抢红包以及红包互动开始时间、结束时间。

16.2.红包组件的添加与设置

操作步骤:《如下图》

  1. 点击菜单栏顶端“红包”按钮→选择红包模板→下一步《如图16-2
  2. 设置红包参数,包括红包金额,中奖概率、是否重复抢红包、开始/结束时间→下一步《如图16-2-1
  3. 配置红包消息,输入活动名称、公司名称、活动祝福、活动备注内容→确定→点击保存场景《如图16-2-2》
  4. 返回“我的H5”,选择“详情”,点击“红包管理”查看红包领情详情《如图16-2-3》

《图16-2《图16-2-1《图16-2-2

《如图16-2-3》

16.3.红包组件金额充值

功能说明:

点击“我要充值”按钮,跳转到该用户的用户中心“资金”,可进行充值、提现、查看账户明细、查看申请记录

16.4.充值

操作步骤:

点击资金里面的“充值”,即可进入充值界面,可选择支付宝或网银在线,设置充值的金额,填写会员备注信息,确认充值。

两种付款界面如下:

支付宝:(扫二维码或登陆账户付款

网银在线:(选择银行与卡的类别

提现提现的金额不能超过会员余额

点击资金里面的“提现”,输入提现金额,会员备注内容,提交申请或重置表单

17、 查看“我的H5”(无论是否发布,都可以编辑

17.1. 操作步骤:

点击工具栏“我的H5”,进入“我的H5”界面,查看杂志的相关信息,里面有App设置、编辑、转赠、复制、详情、删除、发布新的BOOK、以及是否需要发布等设置,以及会显示该杂志的的版本、创建日期、有效日期、发布日期、二维码等信息。

17.2.App设置:

点击App设置,设置该杂志的名称、选择行业、上传封面缩略图、翻页方式以及app描述。

同前面四、超级H5封面操作步骤一样

17.3.编辑:

点击编辑,进入编辑界面,可继续编辑杂志(同前面: 超级H5 操作步骤一样

17.4.转赠:

点击转赠,填写接收账号(对方登陆账号

17.4.复制:副本为未发布状态

点击复制,即可复制该杂志

17.5.详情:

点击详情,可查看该杂志的APP设置、统计分析、推广连接、互动管理、红包管理

17.6.删除:

点击删除,即可把该杂志删除

17.7.未发布/已发布/更新发布

未发布的杂志会在“我的H5”的界面里面,但别人看不到你的杂志

已发布的杂志不但会出现在“我的H5”的界面里面,也展示在“用户案例”里,任何人都观看你的杂志(显示在用户案例中,需要iebook审核通过,才可以显示,所以请在制作时选健康、合法的内容,并制作精美。

《“我的H5”界面》

《用户案例》

在已发布的杂志的情况,重新发布  

通过以上的帮肋,已经对超级H5的功能及操作有一定的了解,如在制作的过程还有什么问题,可以拨打服务热线400-6699-669,或是加营销QQ:400-6699-669。感谢使用iebook-超级H5!

微信号关注: 

飞天中国-印功夫

上一篇:超级H5记录:2016厦门国际马拉松下一篇:没有了

资讯中心 案例中心 素材中心 iebook下载 电子杂志下载 电子杂志在线阅读 手机电子杂志 iebook教程

Copyright©2003-2013 01w.com All Rights Reserved 版权所有 飞天集团/第一门户 粤增值电信业务经营许可证:粤B2-20090168 备案号:粤ICP备09014417号

法律顾问:广信律师事务所 刘东栓律师;律师执业证号:14401199910499379

iebook在线客服