H營(yíng)銷案例與制作課件

H5營(yíng)銷案例與制作什么是H5？H5可以做什么？H5專題案例分享如何快速制作H5？什么是HTML5？H5原本是一種制作萬(wàn)維網(wǎng)頁(yè)面的核心語(yǔ)言（超文本標(biāo)記語(yǔ)言），由HTML5簡(jiǎn)化而來的詞匯，如今卻借由微信移動(dòng)社交平臺(tái)，走進(jìn)大家的視野。超文本標(biāo)記語(yǔ)言（HyperTextMarkupLanguage）支持的瀏覽器：Safari、Chrome、Firefox、Opera、IE9H5可以做什么？響應(yīng)式網(wǎng)站做APP微信公眾號(hào)微信小游戲微信輕應(yīng)用（商城、邀請(qǐng)函）從營(yíng)銷角度來講，我們不但可以用H5在頁(yè)面上融入文字動(dòng)效、音頻、視頻、圖片、圖表、音樂和互動(dòng)調(diào)查等各種媒體表現(xiàn)方式，將品牌核心觀點(diǎn)精心梳理重點(diǎn)突出，還可以使頁(yè)面形式更加適合閱讀、展示、互動(dòng)，方便用戶體驗(yàn)及用戶與用戶之間的分享，正是具備了這樣的營(yíng)銷優(yōu)勢(shì)，H5技術(shù)的運(yùn)用不但為移動(dòng)互聯(lián)網(wǎng)行業(yè)的高速發(fā)展增添了新的契機(jī)，也為移動(dòng)互聯(lián)網(wǎng)營(yíng)銷開辟了新渠道。H5專題案例分享但其呈現(xiàn)效果卻是目前最炙手可熱的營(yíng)銷手段之一圍住神經(jīng)貓：

堪稱一代流行小游戲之標(biāo)本神經(jīng)貓?bào)w態(tài)妖嬈，形象賤萌，表情風(fēng)騷，不斷在屏幕中扭來扭去，勾引玩家發(fā)起毫不留情地圍剿。游戲上手簡(jiǎn)單，又有一定的數(shù)學(xué)挑戰(zhàn)性；在醒目位置添加網(wǎng)絡(luò)流行俗語(yǔ)；引入競(jìng)爭(zhēng)機(jī)制，撩撥玩家的攀比心態(tài)。全民尋找房祖名：

熱點(diǎn)新聞催生出的單細(xì)胞生物14年8月，柯震東、房祖名相繼跳入毒坑，于是此H5游戲應(yīng)運(yùn)而生。你只需在一群柯震東的頭像里撈出唯一一個(gè)房祖名?！罢易婷备鼉A向于眼力的比拼——也就是說，更弱智。然而越傻瓜，就越流行。從功能與設(shè)計(jì)目標(biāo)來看，H5專題頁(yè)主要有以下4大類型品牌宣傳型總結(jié)報(bào)告型產(chǎn)品介紹型234活動(dòng)運(yùn)營(yíng)型1大眾點(diǎn)評(píng)為電影《狂怒》設(shè)計(jì)的推廣頁(yè)以選擇為主旋律，復(fù)古風(fēng)格，層層推出大眾點(diǎn)評(píng)網(wǎng)上購(gòu)票，網(wǎng)上選座位的最終營(yíng)銷目的。《首草先生的情書》以一位男士的口吻娓娓道來在成長(zhǎng)歷程中對(duì)妻子的愛與愧疚，最后引出“首草——滋陰圣品，愛妻首選”的宣傳語(yǔ)。LEXUSNX產(chǎn)品H5頁(yè)面體驗(yàn)和操控性極佳，頁(yè)面設(shè)計(jì)科技感十足京東的十大任性扁平化風(fēng)格，紙面質(zhì)感復(fù)古卡片，最后有小劉的小彩蛋做壓軸如何快速制作H5？易企秀|免費(fèi)H5頁(yè)面移動(dòng)微場(chǎng)景應(yīng)用制作平臺(tái)(官網(wǎng):)免費(fèi)注冊(cè)易企秀賬號(hào)登錄易企秀賬號(hào)創(chuàng)建場(chǎng)景制作前，準(zhǔn)備好4個(gè)資料創(chuàng)意：展示什么，用什么方式音樂：烘托氛圍，MP3格式圖片：提前備好，視覺效果好文字：準(zhǔn)備充分，具有感染力創(chuàng)建場(chǎng)景空白自主創(chuàng)建，或者選擇一個(gè)樣例【套模板】選擇一個(gè)模板，把模板中需要修改的地方修改即可快捷制作?！咀灾鲃?chuàng)建】點(diǎn)擊“+”進(jìn)入自主創(chuàng)建，一頁(yè)一頁(yè)創(chuàng)建場(chǎng)景。在易企秀制作頁(yè)面的左側(cè)欄，易企秀官方為大家提供了許多“頁(yè)面模板”，在制作場(chǎng)景的過程中，可以參考或者直接套用頁(yè)面模板進(jìn)行場(chǎng)景創(chuàng)建。自己制作的頁(yè)面，也可以保存為“我的”模板，以供下次使用。企業(yè)賬號(hào)將自己的場(chǎng)景設(shè)置為“企業(yè)頁(yè)面模板”，子賬號(hào)可以直接使用。右側(cè)的“頁(yè)面管理”五大管理操作復(fù)制：點(diǎn)擊“復(fù)制”我的模板：點(diǎn)擊“我的模板”，出現(xiàn)在左側(cè)“我的模板”中，可刪除刪除：點(diǎn)擊“刪除”移動(dòng)：可上下拖動(dòng)添加：點(diǎn)擊“+”，添加一頁(yè)10個(gè)基本組件+設(shè)置+發(fā)布組件是構(gòu)成場(chǎng)景的基本要素1.文本2.背景3.音樂4.視頻5.圖片6.形狀7.圖集8.互動(dòng)9.表單10.特效1.文本1.點(diǎn)擊“文本”后→即可創(chuàng)建2.單擊文本框→出現(xiàn)編輯菜單3.雙擊文本框→進(jìn)入基礎(chǔ)編輯2.背景點(diǎn)擊“背景”后，選擇“圖片庫(kù)”中的背景，也可點(diǎn)擊“上傳”上傳圖片到“我的圖片”中3.音樂點(diǎn)擊“音樂”即可創(chuàng)建【背景音樂】1.【音樂庫(kù)】為官方提供的音樂素材2.【外部鏈接】插入網(wǎng)絡(luò)音樂鏈接3.【我的音樂】自主上傳音樂4.視頻點(diǎn)擊“視頻”后，給場(chǎng)景添加網(wǎng)絡(luò)視頻5.圖片點(diǎn)擊“圖片”后，選擇“圖片庫(kù)”中的圖片素材或點(diǎn)擊“上傳”上傳圖片到“我的圖片”庫(kù)6.形狀“形狀”是便于用戶制作扁平化頁(yè)的素材，形狀素材和文字一樣可以做“顏色、大小”等設(shè)置。7.圖集圖集：是幾張圖片的集合、主要設(shè)置：圖片比例、切換方式8.互動(dòng)“互動(dòng)”是方便制作者與觀看者互動(dòng)的組件9.表單表單（也叫信息收集表、報(bào)名表、信息反饋表等）是場(chǎng)景創(chuàng)建者用來收集查看場(chǎng)景的用戶反饋信息的重要工具?？牲c(diǎn)擊“表單”創(chuàng)建也可直接在互動(dòng)模板里直接快捷創(chuàng)建。10.特效特效組件是給某一個(gè)頁(yè)面加上一個(gè)特殊的效果點(diǎn)擊“特效”即可為當(dāng)前頁(yè)面選擇合適的特效。設(shè)置動(dòng)畫動(dòng)畫設(shè)置主要應(yīng)用于：文字、圖片、圖形、一鍵撥號(hào)、輸入框等組件設(shè)置方法：點(diǎn)擊組件→選擇“動(dòng)畫”→進(jìn)入動(dòng)畫設(shè)置頁(yè)面設(shè)置設(shè)置是對(duì)場(chǎng)景的基本信息進(jìn)行設(shè)置，主要包括：場(chǎng)景封面、場(chǎng)景名稱、場(chǎng)景描述、翻頁(yè)方式、場(chǎng)景音樂。發(fā)布“保存”只是對(duì)操作進(jìn)行保存，如果不點(diǎn)擊“發(fā)布”此場(chǎng)景未發(fā)布的編輯內(nèi)容，在場(chǎng)景分享出去時(shí)，別人看不到最新編輯的內(nèi)容。點(diǎn)擊“退出”則退出編輯頁(yè)面。制作小竅門資料準(zhǔn)備全圖片要清楚文字要簡(jiǎn)潔重點(diǎn)更突出制作很簡(jiǎn)單就看熟練度場(chǎng)景有創(chuàng)意誰(shuí)也擋不住愿您出佳作祝君展宏圖結(jié)語(yǔ)隨著手機(jī)硬