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

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

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

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

首發(fā)：http://pantone-color.com.cn/special/mhmzly/