從零到一課程：H5移動(dòng)場(chǎng)景制作

小白可以先拉到最后面點(diǎn)擊閱讀原文，看看H5啥樣！（僅限微信端）

H5是由HTML5簡(jiǎn)化而來的詞匯，憑借其靈活性高、開發(fā)成本低、制作周期短的特點(diǎn)，如今廣泛運(yùn)用于移動(dòng)端的宣傳方式?？煞譃椴鸱譃閮纱蟛糠郑?/p>

場(chǎng)景制作：由文字、圖片、音樂、視頻組合而成，輔以豐富的控件、靈活的動(dòng)畫特效、強(qiáng)大的交互應(yīng)用制作而成。制作者的制作能力就體現(xiàn)在這。

數(shù)據(jù)收集：每一個(gè)場(chǎng)景制作后，可通過微信、QQ等自媒體進(jìn)行傳播，制作者可以搜集場(chǎng)景觀看次數(shù)，可以通過表格查看觀看者的信息。H5廣泛運(yùn)用于企業(yè)營銷，數(shù)據(jù)收集功能功不可沒。

用途：

• 企業(yè)宣傳

• 活動(dòng)推廣

• 產(chǎn)品介紹

• 會(huì)議邀請(qǐng)

• 公司招聘

制作步驟：

• 素材準(zhǔn)備：文案、圖片、音樂、視頻

• 制作平臺(tái)選擇：易企秀、兔展、人人秀、MAKA

• 制作階段：將準(zhǔn)備好的素材，通過制作平臺(tái)制作成精美得場(chǎng)景

• 宣傳階段：將制作好的場(chǎng)景在現(xiàn)場(chǎng)進(jìn)行傳播，收集數(shù)據(jù)

• 數(shù)據(jù)分析：將得到的瀏覽量，收集到的信息進(jìn)行處理利用

制作流程說明（以兔展為例）

1、登錄兔展網(wǎng)頁版（http://www./）

2、選擇模板：根據(jù)自己的需求，點(diǎn)擊相應(yīng)分類，找到自己喜歡的模板就行?？瞻啄０暹m用于經(jīng)驗(yàn)比較非常的制作人員。（有ppt制作經(jīng)驗(yàn)的可以很快上手）

3、編輯制作：利用準(zhǔn)備好的素材，結(jié)合模板設(shè)計(jì)。（慢慢摸索吧）

4、一般制作頁面應(yīng)該分為四個(gè)區(qū)域：功能區(qū)、編輯區(qū)、模板區(qū)（兔展沒有）、頁面區(qū)

5、發(fā)布傳播

各大制作平臺(tái)比較：

易企秀（http://www.eqxiu.com/）

中小企業(yè)社會(huì)化自營銷服務(wù)平臺(tái)，動(dòng)態(tài)模板豐富，制作簡(jiǎn)單。最大的優(yōu)點(diǎn)是模板數(shù)量大約有1100多個(gè)，且用戶可以自行上傳模板，模板分類標(biāo)簽詳細(xì)，免費(fèi)的也多。不過，精美度不如其他幾個(gè)平臺(tái)。對(duì)于初學(xué)者來說，是個(gè)最佳的選擇。

人人秀（http://www./）

Slogan是三分鐘制作互動(dòng)展示。果然是三分鐘，模板選擇少，大部分付費(fèi)，根本沒有多少選擇的時(shí)間。哈哈吐槽一下而已，模板少，且大部分付費(fèi)，很不親民啊。不過，相較于其他平臺(tái)，人人秀的編輯頁面功能按鈕設(shè)計(jì)簡(jiǎn)潔明了，是Apple蘋果風(fēng)格，功能強(qiáng)大。對(duì)于要求較高的大神設(shè)計(jì)師來說，是最佳選擇。

MAKA：（http:///）

MAKA，Slogan是簡(jiǎn)單、強(qiáng)大的HTML5創(chuàng)作工具。最明顯的優(yōu)點(diǎn)是，模板是精美！模板數(shù)量一般。缺點(diǎn)是提供的文字、圖片樣式都比較有限，不能修改表單，另外要使用數(shù)據(jù)統(tǒng)計(jì)模板也有條件限制。要是能付費(fèi)的話，功能就很強(qiáng)大，適用于小土豪。

兔展（http://www./）

兔展口號(hào)是像PPT一樣制作移動(dòng)H5頁面。個(gè)人覺得是集中了其他平臺(tái)的各大優(yōu)點(diǎn)，但是做得都不精，使用人數(shù)較多。模板多，操作簡(jiǎn)單，推薦哦！

好了，從零到一，H5是不是沒有你想象的那么難，要行動(dòng)起來哦，多多動(dòng)手就會(huì)有進(jìn)步。

饅頭私塾后續(xù)會(huì)有制作H5的更多教程，教會(huì)大家做一個(gè)合格的H5哦！