H5頁面制作入門教程

1、入門了，一切都變得很簡單！,H5,什么是H5？ 為什么要做H5頁面? 什么場合可以用到H5頁面? 常用的免費(fèi)H5制作工具？ 怎么制作H5頁面?,什么是H5？ H5是指第5代HTML（超文本標(biāo)記語言），也指用H5語言制作的一切數(shù)字產(chǎn)品。 通俗地說，H5是一種創(chuàng)建網(wǎng)頁的方式。它會讓手機(jī)網(wǎng)頁看上去更炫酷，功能也更豐富多彩。,為什么要做H5頁面? 智能手機(jī)、平板電腦等移動終端設(shè)備越來越普及，用戶在移動端花的時間也越來越長。 H5頁面中以文字、圖片、動畫、聲音等相結(jié)合的富媒體出現(xiàn)，給用戶帶來了全新體驗，技術(shù)本身帶來的新奇感讓人們心生向往。 用戶時間碎片化，接收信息爆炸性增長，企業(yè)營銷需要迅速抓住客戶眼球

2、。,什么場合可以用到H5頁面? 微信互動營銷：大轉(zhuǎn)盤、刮刮卡、優(yōu)惠券、投票調(diào)查、小游戲 商業(yè)展示：企業(yè)宣傳、產(chǎn)品展示、品牌傳播、優(yōu)惠促銷、企業(yè)招聘 會議活動：會議、展覽會、發(fā)布會、活動 數(shù)字出版與教育：電子雜志、多媒體課件、培訓(xùn)課程 電子賀卡：商業(yè)賀卡、節(jié)日賀卡、生日賀卡、祝?？?個人應(yīng)用：個人秀、婚禮邀請、聚會Party、求職簡歷 H5頁面幾乎適用于所有企業(yè)和個人,常用免費(fèi)H5頁面制作工具 易企秀 騰訊風(fēng)鈴 京東 兔展 搜狐快海報 初頁 最酷網(wǎng) 秀米秀制作 MAKA 點點客海報 ,怎么制作H5頁面?,制作小提示,制作H5場景推薦使用谷歌瀏覽器 也可在手機(jī)上下載制作工具客戶端，在手機(jī)上進(jìn)行制作

3、,H5場景制作與運(yùn)用流程,制作前，準(zhǔn)備好4個資料,創(chuàng)意： 展示什么，用什么方式,圖片： 提前備好，視覺效果好,文字： 準(zhǔn)備充分，具有感染力,音樂： 烘托氛圍，MP3格式,免費(fèi)注冊易企秀賬號,進(jìn)入官網(wǎng)后點擊右上角“注冊”,1.郵箱注冊： 輸入郵箱和密碼，點擊“注冊”即可。,2.第三方登錄： 無需注冊，直接點擊圖標(biāo)，使用微信或者QQ進(jìn)行登錄。,登錄易企秀賬號,點擊官網(wǎng)右上角“登錄”,1.郵箱登錄： 輸入郵箱和密碼，點擊“登錄”即可。,2.第三方登錄： 無需注冊，直接點擊圖標(biāo)，使用微信或者QQ進(jìn)行登錄。,創(chuàng)建場景,點擊右上角 創(chuàng)建場景,【套模板】選擇一個模板，把模板中需要修改的地方修改即可快捷制作。

4、 【自主創(chuàng)建】點擊“+”進(jìn)入自主創(chuàng)建，一頁一頁創(chuàng)建場景。,場景名稱,填寫名稱 后期可改,填寫完畢 點擊創(chuàng)建,點擊選擇為了自己管理方便,制作頁面,頁面模板,在易企秀制作頁面的左側(cè)欄，易企秀官方為大家提供了分門別類的“頁面模板”，在制作場景的過程中，可以參考或者直接套用頁面模板進(jìn)行場景創(chuàng)建。 自己制作的頁面，也可以保存為“我的”模板，以供下次使用。 企業(yè)賬號將自己的場景設(shè)置為“企業(yè)頁面模板”，子賬號可以直接使用。,右側(cè)的“頁面管理”,5大管理操作 復(fù)制：點中條框，點擊“復(fù)制” 我的模板 ：點中條框，點擊“我的復(fù)制”，出現(xiàn)在左側(cè)“頁面模板”中，可刪除 刪除：點中條框，點擊“刪除” 移動：點中條框，可

5、上下拖動 添加：點擊“+”，添加一頁,10個基本組件+設(shè)置+發(fā)布,組件是構(gòu)成場景的基本要素,1.文本 2.背景 3.音樂 4.視頻 5.圖片 6.形狀 7.圖集 8.互動 9.表單 10.特效,1.點擊“文本”后 即可創(chuàng)建 2.單擊文本框 出現(xiàn)編輯菜單 3.雙擊文本框 進(jìn)入基礎(chǔ)編輯,點擊“背景”后，選擇“背景庫”中的背景圖 也可點擊“上傳”上傳圖片到“我的背景”庫,背景編輯,背景創(chuàng)建后，點擊編輯欄上的背景齒輪，即可對背景進(jìn)行編輯。 背景編輯主要包括：剪切、更換、效果（放大、縮小）、刪除。,點擊“音樂”即可創(chuàng)建【背景音樂】,1.【音樂庫】為官方提供的音樂素材 2.【外部鏈接】插入網(wǎng)絡(luò)音樂鏈接 3

6、.【我的音樂】自主上傳音樂,點擊“視頻”后，給場景添加網(wǎng)絡(luò)視頻,點擊“什么是視頻通用代碼”，出現(xiàn)詳細(xì)操作,點擊“圖片”后，選擇“圖片庫”中的圖片素材 或點擊“上傳”上傳圖片到“我的圖片”庫,點擊“形狀”后，選擇“形狀組件” 庫中選擇形狀組件,“形狀”是便于用戶制作扁平化頁面的素材， 形狀素材和文字一樣可以做 “顏色、大小”等設(shè)置。,圖集：是幾張圖片的集合 主要設(shè)置：圖片比例、切換方式,“互動”是方便制作者與觀看者互動的組件 互動組件目前主要是“一鍵撥號”，正在不斷增加,表單（也叫信息收集表、報名表、信息反饋表等）是場景創(chuàng)建者用來收集查看場景的用戶反饋信息的重要工具?？牲c擊“表單”創(chuàng)建也可直接在

7、互動模板里直接快捷創(chuàng)建。,【設(shè)置動畫】 動畫設(shè)置主要應(yīng)用于：文字、圖片、圖形、一鍵撥號、輸入框等組件 設(shè)置方法：點擊組件選擇“動畫”進(jìn)入動畫設(shè)置頁面,制作小提示,點擊預(yù)覽圖標(biāo)，即可對此頁面的動畫設(shè)置進(jìn)行整體預(yù)覽。,設(shè)置是對場景的基本信息進(jìn)行設(shè)置，主要包括：場景封面、場景名稱、場景描述、翻頁方式。 點擊“場景共享”和“友情展示”下拉鍵，可參加易企秀官方活動和尾頁設(shè)置。,特效組件是給某一個頁面加上一個特殊的效果。 點擊“特效”即可為當(dāng)前頁面選擇合適的特效,“保存”只是對操作進(jìn)行保存，如果不點擊“發(fā)布”此場景未發(fā)布的編輯內(nèi)容，在場景分享出去時，別人看不到最新編輯的內(nèi)容。 點擊“退出”則推出編輯頁面。,很重要 特別重要,點擊發(fā)布后，可獲得場景二維碼、場景連接和 更多的一鍵分享方式。,下載更大的場景二維碼 （在“我的推廣”里找到二維碼，如下圖）,“我的場景”管理,點擊“我的場景”可看到自己創(chuàng)建的所有場景列表。 點擊單個場景右下角的齒輪，即可對此場景進(jìn)行“設(shè)置、編輯、復(fù)制、轉(zhuǎn)送和刪除”操作。 點擊“開放”/“關(guān)閉”，對場景進(jìn)行開放和關(guān)閉。,在