2024年-H營銷案例與制作學(xué)習(xí)課件

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

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

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