網(wǎng)絡(luò)營(yíng)銷培訓(xùn)之移動(dòng)端H5頁面制作技巧

 
2014年開始，h5頁面成為了移動(dòng)營(yíng)銷的利器，但是H5頁面的制作，需要學(xué)習(xí)HTML5+CSS3+Javascript,學(xué)習(xí)內(nèi)容多，難度系數(shù)較高，使很多人望而卻步。
 
借助微場(chǎng)景、微畫報(bào)制作工具，小白們也能快速制作出各種畫風(fēng)的移動(dòng)端H5頁面。市面上的H5制作工具包括，初頁、MAKA、云米、秀制作、點(diǎn)點(diǎn)客海報(bào)、兔展、易企秀、品趣等制作工具，功能大同小異。以易企秀為例，和大家分享一下制作的一些小技巧和注意事項(xiàng)。
 
1. 使用chrome打開易企秀官方網(wǎng)站（http://www.eqxiu.com/）,chrome對(duì)h5頁面的支持效果最好，便于效果的測(cè)試。
 
2. 注冊(cè)之后，進(jìn)入后臺(tái)，創(chuàng)建場(chǎng)景，可直接選擇合適的模板創(chuàng)建，只需替換模板的名稱和其中的文字、圖片即可。但這樣的頁面，相似度太高，不適應(yīng)對(duì)頁面有一定設(shè)計(jì)和原創(chuàng)要求的客戶。如圖所示：3.背景音樂，可以增加頁面氣氛，背景音樂采用的是MP3格式，一般大小不要超過500k，音樂過大，下載時(shí)間會(huì)比較長(zhǎng)，影響用戶的瀏覽體驗(yàn)，也達(dá)不到預(yù)期的效果。
 
4.為了做出個(gè)性的場(chǎng)景，我們需要選擇自主創(chuàng)建。再制作H5頁面之時(shí)，我們要盡可能的使用工具自帶的字體和效果，這樣可以節(jié)省瀏覽者打開速度，同時(shí)節(jié)約流量。
 
5.H5頁面可以插入視頻，但是只支持通用碼，選擇的視頻一定不要過大，一些短小的視頻，更適合手機(jī)瀏覽者的瀏覽習(xí)慣。
 
6.動(dòng)畫是H5頁面做出炫酷效果的重要組成部分，易企秀給用戶提供了豐富的動(dòng)畫效果，選中對(duì)象，點(diǎn)擊右鍵，出現(xiàn)動(dòng)畫面板，方式和方向大家可以自由選擇。如果想做出一直循環(huán)的動(dòng)畫，可勾選“次數(shù)”后邊的“循環(huán)”，這樣動(dòng)畫效果會(huì)一直循環(huán)播放。
 
7.易企秀還提供了電話組件功能，點(diǎn)擊電話按鈕，提供一鍵撥號(hào)的功能，方便和客戶的溝通。
  
頁面還給制作者提供了互動(dòng)功能，點(diǎn)擊模板“互動(dòng)”版塊，可以直接添加互動(dòng)，其中有報(bào)名表、留言、聯(lián)系3種選項(xiàng)。
 
以上就是我分享的用易企秀制作頁面的一些經(jīng)驗(yàn)和心得，希望能夠幫助到大家。

本文版權(quán)歸黑馬程序員網(wǎng)絡(luò)營(yíng)銷培訓(xùn)學(xué)院所有，歡迎轉(zhuǎn)載，轉(zhuǎn)載請(qǐng)注明作者出處。謝謝！

作者：黑馬程序員網(wǎng)絡(luò)營(yíng)銷培訓(xùn)學(xué)院

首發(fā)：http://409rqu1.cn/special/mhmzly/