第一門戶首頁

iebook超級H5操作幫助

更新時間:2017年12月14日 作者: 人氣: 【字體: 收藏 打印文章
??iebook-超級H5操作幫助文檔

一分鐘 輕松創建屬于您自己的H5

一、用對工具

使用iebook 超級H5, 推薦使用谷歌瀏覽器

iebook超級H5除了提供電腦版還有微信版,電腦版主要用于制作。建議您用電腦制作。iebook超級H5提供了H5制作、場景制作、場景傳播統計、數據收集與二次營銷功能。制作場景支持:文本、背景、音樂、視頻、圖片、輸入框、按鈕、電話、聯系人、特效、動畫、樣式設計等功能,能充分支持您的創意發揮。

使用iebook超級H5時,訪問官網,注冊即可使用。如不會使用,可在iebook官網查看官方操作指南。在電腦上使用時,推薦使用谷歌瀏覽器,直接訪問h5.iebook.cn。

其他瀏覽器對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

二、登陸界面 3

三、注冊賬號 3

A、方法一:直接點擊“注冊 3

B、方法二: 直接用微信賬號登陸 4

C、方法三: 直接用微博賬號登陸 5

D、方法四: 直接用QQ登陸 6

四、超級H5的制作步驟 7

A.如何進入制作H5界面的操作步驟: 7

B.如何創建超級H5兩種的種方法: 8

五、超級 H5封面制作操作步驟 10

六、H5頁面基本操作 14

A、進入H5界面介紹: 14

B、場景頁面管理編輯功能介紹 16

七、使用各類組件,制作豐富的內容與特效 18

1、美術字組件 18

2、文本組件 18

3、背景組件 22

4、背景音樂 23

5、視頻組件 24

6、圖片組件 25

7、形狀組件 31

8、圖集組件 32

9、互動組件 34

10、表單組件 46

11、特效組件 50

八、 查看“我的H5 53


二、登陸界面

1. 打開瀏覽器在地址欄輸入h5.iebook.cn,進入H5界面

2. 點擊右上角“登陸” 點直接輸入郵箱、QQ賬號、微信、微博登錄

3. 新用戶可點擊進入用戶注冊頁面

三、注冊賬號

A、方法一:直接點擊“注冊”

1、點擊“注冊”-進入新建賬號界面, 輸入賬號注冊信息, 完成后,點擊“提交”《如下圖》

2、 注冊完成 《如下圖》

B、方法二: 直接用微信賬號登陸

點擊微信圖標,進入微信登陸界面,掃二維碼后即可以登陸《如下圖》

C、方法三: 直接用微博賬號登陸

a) 可以輸入已注冊的微博賬號與密碼

b) 可以用掃二維碼登錄

c) 如果沒有微博賬號,可點擊主界面的注冊按鈕,進行個人\官方注冊賬號設置

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

a) QQ手機版掃描二維碼,或點擊已經登陸的QQ頭像授權并登錄

b) 輸入QQ賬號與密碼登陸

、超級H5的制作步驟

A.如何進入制作H5界面的操作步驟:

1、成功注冊登陸后,進入H5管理界面

2、點擊“H5管理”中的“立即創建一個H5”

進入制作H5界面《如下圖》

B.如何創建超級H5的三種方法:

方法一:點擊“H5管理”,選擇“新建H5”,進入后,點擊右上角“添加空白模板”,進入創建H5界面

方法二:選擇“豎屏/橫屏”,直接選中其中一個模板,可以點擊“選擇這個”開始制作,也可以點擊“預覽”,即可看該模板的效果圖

以上兩種方法,都可以進入創建H5界面

另外,點擊推薦案例,會看到客戶做好的案例,可以點擊查看,也可以用手機、平板掃二維碼觀看

五、超級 H5封面制作操作步驟

1、 創建H5,點擊“添加空白模板”,填寫里面的內容后,點擊“確定”

2、進入到編輯H5界面后,點擊工具欄右上角“設置”,填寫里面的內容后,點擊“更換封面”,進入封面制作界面封面尺寸是400*400

3、點擊“上傳”,選擇圖片,點擊“確定”成功上傳后,會出現在“我的圖片”里

(大小不超過3M,支持格式為jpg\png\gif,一次最多上傳6張)

4、 點擊所需要的圖片,彈出“圖片裁切”界面,編輯好后,點擊“確定”,會看到裁切好的圖片出現在“封面縮略圖”里面,如下圖:

六、H5頁面基本操作

(溫馨提示:豎屏與橫屏除屏幕大小不一樣外,其余操作相同)

A、進入H5界面介紹:

豎屏:

橫屏:

常用的工具欄:常用的命令以圖標的形式組成了一個常用工具欄

模板:可以選擇模板中心里面的模板制作,也可以使用“我的模板”

《豎屏》 《橫屏》

保存和預覽:

在制作的過程,隨時可以對當前雜志進行“設置”、“保存”、“預覽”、“全屏”、“退出”操作

B、場景頁面管理編輯功能介紹

操作步驟:

“+”:選中某個頁面→單擊“”→在選中的頁面下,增加一個空白頁面《如圖1》

生成我的模板:選中某個頁面→單擊生成我的模板→在選中的頁面下,生成到我的模板《如圖2》

復制:選中某個頁面→單擊復制→在選中的頁面下,復制增加一個頁面,也可以按左上角頂端的復制按鈕,或者最底端編輯欄的“復制”《如圖3》

刪除:選中某個頁面→單擊刪除→刪除選中的頁面,也可以按左上角頂端的刪除按鈕《如圖4》

《圖1》 《 圖2》

《圖3》 《圖4》

a、撤銷/恢復場景編輯操作

功能說明:

撤銷和恢復:若操作失誤可以點擊底頂編輯欄(如下圖)撤銷和恢復按鈕。

刷新預覽:可以預覽當前版面的效果

b、網格設置/手機邊框編輯操作

功能說明:

網格設置:可以設置風格開關、風格顏色、智能參考、吸附效果等

手機邊框:可以設置雜志編輯的時候是否需要手機邊框的效果(備注:橫屏沒有此功能)

七、使用各類組件,制作豐富的內容與特效

(溫馨提示:豎屏與橫屏的功能是相同)

1、美術字組件

操作步驟:(備注:多種字體可供選擇,但添加過多影響制作和打開速度。)

點擊要編輯的文本→點擊工具欄上 “美術字”圖標→選擇字體

2、文本組件

2.1.增加文字組件

操作步驟:

點擊工具欄上 “文本”按鈕,編輯框會自動生成一個文本框,即可輸入文字。

2.3.編輯文字

操作步驟:

組件右鍵點擊文本→點擊“編輯”,可以修改文字的大小、顏色、背景、加粗、文字段落格式和文字超鏈接等。

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.添加圖片組件

操作步驟:

上傳組件:點擊導航條“圖片”→進入圖片設置頁面

圖庫類型

方法一:【 圖片庫 】是iebook超級H5官方為用戶提供的素材庫,會定期更新 方法二:【 我的圖片】是用戶自己上傳的圖片,點擊如圖上傳圖標即可上傳

6.2.更換圖片組件

操作步驟:

右鍵編輯圖片→選擇“編輯”→重新選擇照片→完成圖片修改

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.8.圖片層次調整功能

操作步驟:

上移一層/下移一層:

右鍵點擊圖片→ 左鍵點擊層次選擇【上移一層/下移一層】→完成調整《如圖6-8》

置頂/置底:

右鍵點擊圖片→ 左鍵點擊層次選擇【置頂/置底】→完成調整《如圖6-8-1》

《圖6-8》

《圖6-8-1》

7、PSD組件

操作步驟:(提示有3個要求:尺寸、大小、圖片

點擊導航條上面的PSD選擇文件→確定

8、形狀組件

操作步驟:(分為三個類別:圖形、圖標、文字

點擊導航條上面的“形狀”選擇素材→確定

功能說明:

添加不同形狀的矢量素材,里面可更換顏色、透明度、添加動畫等設置

9、圖集組件

9.1.增加圖集組件

操作步驟: 《如圖8》 點擊菜單欄頂端“圖集”進入新增圖集界面選擇\上傳圖片→確定

9.2.圖集的編輯、裁剪

操作步驟:每個圖集組件可增加1~6張圖片、圖集可設置是否自動播放。 點擊圖集→編輯→進入圖集編輯頁面→圖集內圖片的增刪、選擇是否自動播放《如圖8》

《圖8》

9.3.圖集的復制粘貼和刪除

操作步驟:

復制圖集 :點擊圖集→復制→在任意頁面點擊空白處→粘貼

刪除圖集:點擊圖集→刪除

9.4.圖集的層次調整

右鍵點擊圖片→ 左鍵點擊層次選擇【上移一層/下移一層】→完成調整《如圖8-4》

右鍵點擊圖片→ 左鍵點擊層次選擇【置頂/置底】→完成調整《圖8-4-1》

《圖8-4》 《圖8-4-1》

10、互動組件

10.1.鏈接

10.1.1.鏈接組件的增加和更改:

操作步驟:(兩種鏈接:可以跳轉到場景外部的鏈接,或者內部導航鏈接)

點擊菜單欄上的“互動”選擇“鏈接”選擇“按鈕名稱”→進行鏈接設置頁面

插入版面后,可進行編輯、樣式、添加動畫、復制、刪除、顯示順序設置:

10.2.電話組件

10.2.1.電話組件功整體能說明

功能說明電話組件是給某一個頁面加上一個電話按鈕

10.2.2.電話組件的樣式

操作步驟:(樣式都主要有三項:基礎樣式、邊框樣式和陰影樣式)

右擊按鈕→樣式→樣式設置《如圖9-2》

功能說明:

【基礎樣式】主要包括以下功能:背景顏色的選擇、文字顏色的選擇、透明度的選擇

、邊距的選擇、行高的選擇《如圖9-2-1》

【邊框樣式】主要包括以下功能:邊框尺寸、邊框弧度、邊框樣式、邊框顏色和邊框角度(旋轉)的調整。《如圖9-2-2》

【陰影調整】主要包括以下功能:對邊框大小、模糊度、顏色和方向的調整《如圖9-2-3》

《圖9-2》

《圖9-2-1》 《圖9-2-2》 《圖9-2-3》

10.2.3.電話組件的動畫

功能說明: 組件動畫的設置主要包括了:動畫方式設置、動畫方向設置和動畫時間設置。

動畫時間設置包括:對選定動畫的動畫時間(播放時間)、延遲時間和動畫次數、動畫方向的設置。

10.2.4.電話組件的復制、粘貼、刪除、層次調整

操作步驟:

復制圖集 :點擊圖集→復制→在任意頁面點擊空白處→粘貼《如圖9-2-4》

刪除圖集:點擊圖集→刪除《如圖9-2-4》

《圖9-2-4》

上下位置移動:右鍵點擊圖片→ 左鍵點擊層次選擇【上移一層/下移一層】→完成調整《如圖9-2-5》

《圖9-2-5》

置頂/置底:右鍵點擊圖片→ 左鍵點擊層次選擇【置頂/置底】→完成調整《如圖9-2-6》

《圖9-2-6》

10.3.觸發

10.3.1.觸發組件的增加和更改:

操作步驟:

點擊菜單欄上的“互動”選擇“觸發”點擊該頁面里面需要觸發的元素→進行觸發設置頁面

10.3.2. 觸發組件的設置

功能說明:

瀏覽頁面時:可選擇“點擊”或“搖一搖”,來確定瀏覽頁面方式《如圖9-3-1》

頁面元素:選擇該頁面有的元素,例如《圖9-3-2》有兩個元素,分別是圖片1、圖片2

選擇界面已有元素編輯、延遲時間及該頁面其余的元素是否顯示等功能《如圖9-3-3》

添加觸發:可選擇該頁面已有的元素或隨機圖片,隨機圖片可以上傳一些素材庫或本地電腦上面有的圖片進行編輯《如圖9-3-4》

《圖9-3-1》 《圖9-3-2》

《圖9-3-3》 《圖9-3-4》

10.4.地圖組件

創建地圖組件

操作說明:

點擊互動菜單點擊地圖搜索地方確定,即可插入地圖圖片到該版面

插入版面后,可進行編輯、樣式、添加動畫、復制、刪除、顯示順序設置:

10.5.音效組件

音效組件的添加

操作步驟:(音效可選音效庫里面的音樂或添加外鏈接,也可上傳的本地音樂文件,需MP3格式,4M內。注意:音樂大小會影響打開速度。)

點擊菜單欄頂端“互動”→選擇“音效→進入設置頁面→選擇“按鈕名稱”(“有驚喜”\“聽一聽”\“點我聽歌”\“點播歌曲”\“自定義”)→點擊“設置音效”→點擊確定

插入版面后,可進行編輯、樣式、添加動畫、復制、刪除、顯示順序設置:

10.6.計數組件

計數組件的添加

操作步驟:

點擊菜單欄頂端“互動”→選擇“計數→選擇“喜歡\“頂起”\“送花\“投票→進入設置頁面→選擇“顏色”、“字號”、布局“自定義”設置→點擊確定

插入版面后,可進行編輯、樣式、添加動畫、復制、刪除、顯示順序設置:

10.7.統計組件

統計組件的添加

操作步驟:

點擊菜單欄頂端“互動”→選擇統計,點擊閱讀量→進入設置頁面

插入版面后,可進行編輯、樣式、添加動畫、復制、刪除、顯示順序設置:

11、表單組件

11.1.快捷表單組件

操作步驟:點擊菜單欄頂端“表單”→選擇快捷表單→點擊聯系人,即可出現聯系人輸入框

插入版面后,可進入編輯、樣式、添加動畫、音效、復制、刪除、顯示順序設置:

11.2.選項組件

11.2.1輸入框組件的創建與設置

操作步驟: 點擊菜單欄頂端“表單”→點擊“選項”→選擇“輸入框”,即可進入輸入框內容設置頁面。輸入框內容設置主要包括以下內容進行設置輸入框名稱、勾選是否必填→點擊確定

插入版面后,可進行編輯、樣式、添加動畫、復制、刪除、顯示順序設置:

12.2.2單選\多選框的創建與設置

操作步驟: 點擊菜單欄頂端“表單”→點擊“選項”→選擇“單選”或“多選”,即可進入單\多選框內容設置頁面。單\多選框內容設置主要包括以下內容進行設置標題名稱、添加選項的名稱,勾選是否必填→點擊確定

插入版面后,可進行編輯、樣式、添加動畫、復制、刪除、顯示順序設置:

12.2.3提交按鈕的創建與設置

操作步驟: 可以更改成其他名稱,一個場景建議只添加一個按鈕

點擊菜單欄頂端“表單”→點擊“提交按鈕”,即可進入按鈕名稱設置頁面,選擇按鈕名稱、提示類型、提示信息、文件鏈接信息→確定

插入版面后,可進行編輯、樣式、添加動畫、刪除、顯示順序設置:

13、特效組件

13.1.特效組件的添加

操作步驟:(超級H5場景有涂抹、指紋、數錢、環境、飄雪、煙花、以及無特效功能) 增加特效:點擊菜單欄頂端“特效”→進入特效設置頁面→選中其中一種特效方式→進入特效設置頁面→保存

《圖11-1》

13.2.特效的更改

操作步驟:

更改特效:

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

方法二:點擊最下方特效按鈕中的“更改”(圖以“涂抹”為例)→進入特效設置頁面,即可更改該頁的特效《如圖11-2》

《圖11-2》

13.3.特效的刪除

操作步驟:

刪除特效:

方法一:點擊特效編輯按鈕中的“無”,即可去除該頁背景特效《如圖11-3》

方法二:點擊最下方特效按鈕中的“刪除”即可去除該頁背景特效《如圖11-3-1》

《圖11-3》

《圖11-3-1》

八、 查看“我的H5無論是否發布,都可以編輯

a.功能介紹

點擊工具欄H5管理”,可以查看雜志的相關信息,里面有刪除、復制、贈送、發布、設置、編輯、預覽、詳情、二維碼、H5作品數、閱讀量、用戶數、數據收集等信息。

b.刪除

點擊“刪除”,會彈出以下界面,如果確定刪除,點擊“確定”VIP用戶該H5將在回收站保留30天)

c.復制

點擊復制,即可復制該雜志。

d.贈送

點擊“贈送”,填寫轉贈賬號(受贈方的登陸郵箱),選擇是否保留,點擊“確定”

e.未發布/已經發布

未發布的雜志會在H5管理”里面,但別人看不到你的雜志。點擊“發布”后,該雜志右上角會顯示“已經發布”提示。

已經發布的雜志不但會出現在H5管理”里面,也展示在“推薦案例”里,任何人都觀看你的雜志(顯示在推薦案例中,需要iebook審核通過,才可以顯示,所以請在制作時選健康、合法的內容,并制作精美。)

f.設置

點擊“設置”,進入制作H5界面,點擊右上角“設置”,可以設置該雜志的名稱、選擇行業、上傳封面縮略圖、翻頁方式、場景音樂、頁碼、播放方式以及該雜志的描述。

(同前面:五、超級H5封面操作步驟一樣)

g.編輯

點擊編輯,進入編輯界面,可繼續編輯雜志(同前面:四、 超級H5的制作步驟一樣)

h.預覽

點擊預覽,可查看用電腦觀看該雜志。(發布后,可用手機、平板掃該雜志二維碼觀看)

豎屏效果:(預覽完畢后,點擊空白處,即可以關閉預覽界面)

橫屏效果:(預覽完畢后,可直接關掉此網頁)

i.詳情:

點擊詳情,可查看該H5的相關信息、分享推廣、瀏覽統計、數據收集、擴展網址等等

H5做好發布后如何去掉尾頁廣告

通過以上的幫肋,已經對超級H5的功能及操作有一定的了解,如在制作的過程還有什么問題,可以撥打服務熱線400-6699-669,或是加營銷QQ:400-6699-669。感謝使用iebook-超級H5!

微信號關注: 

飛天中國-印功夫

上一篇:飛天中國2017年“國慶,中秋”放假通知下一篇:飛天中國2018年清明節放假通知

資訊中心 案例中心 素材中心 iebook下載 電子雜志下載 電子雜志在線閱讀 手機電子雜志 iebook教程

Copyright?2003-2013 01w.com All Rights Reserved 版權所有 飛天集團/印功夫門戶 粵增值電信業務經營許可證:粵B2-20090168 備案號:粵ICP備09014417號

法律顧問:廣信律師事務所 劉東栓律師;律師執業證號:14401199910499379

iebook在線客服
重庆欢乐生肖官方网站