酒店數(shù)字營銷-模塊四（項目4）

酒店數(shù)字營銷酒店管理學(xué)院模塊四熟悉酒店數(shù)字營銷工具項目四：H5網(wǎng)頁制作知識目標：1.了解H5技術(shù)的概念和特征2.掌握H5網(wǎng)頁制作技術(shù)素材的相關(guān)來源和常用工具3.熟悉酒店H5網(wǎng)頁的設(shè)計流程和常用工具4.掌握酒店H5網(wǎng)頁制作的技巧和相關(guān)軟件思政目標：1.基于崗位需求和技能培養(yǎng)，深化創(chuàng)新創(chuàng)業(yè)教育在職業(yè)技能發(fā)展中的多元可能 2.通過對相關(guān)法律法規(guī)的學(xué)習(xí)，多維度理解可持續(xù)發(fā)展理論，樹立多方協(xié)同發(fā)展的經(jīng)營理念項目引例華住會：很會裝的行李箱華住會：很會裝的行李箱H5頁面合集及二維碼（來源：華住會官方微信）你知道H5是什么嗎？

H5常應(yīng)用于哪些領(lǐng)域？

任務(wù)1：了解H5技術(shù)的概念和特征一、H5的概念1.H5的由來H5實際是移動端網(wǎng)站的一個“洋外號”，也就是說，H5就是“手機版網(wǎng)頁”，它包含了HTML5、移動版PPT/APP/Minisite等所有的延伸概念，只要能在手機上觀看的網(wǎng)站頁面，都能被稱作是H5。一、H5的概念2.H5的概念H5即HTML5，HTML5是HyperTextMarkupLanguage5的縮寫，HTML5技術(shù)結(jié)合了HTML4.01的相關(guān)標準并革新，符合現(xiàn)代網(wǎng)絡(luò)發(fā)展要求，在2008年正式發(fā)布。“H5設(shè)計”實際上就是手機上的網(wǎng)頁設(shè)計，可以簡單地將其理解為“手機網(wǎng)站設(shè)計”。手機上各種能夠用瀏覽器打開的網(wǎng)頁都可以被籠統(tǒng)地稱作H5。微信就是因為集成了內(nèi)置的移動端瀏覽器，所以才能打開H5，用微博、易信和各種APP等工具也都可以打開同一個H5，在微信下看到的H5全部都是移動網(wǎng)頁。

二、H5的特征（一）H5現(xiàn)階段的應(yīng)用領(lǐng)域營銷類H5新聞類H5游戲類H5應(yīng)用類H5二、H5的特征（二）H5目前的應(yīng)用形式簡歷介紹企業(yè)匯報PPT電子邀請函電子宣傳冊活動廣告信息收集課堂討論通過學(xué)習(xí)以上對常見H5應(yīng)用領(lǐng)域和形式的介紹，H5還能實現(xiàn)哪些具體的功能？三、H5的功能

1.制作動態(tài)海報

2.制作動畫（編輯動畫、植入動畫）

3.播放音樂、音效、錄音（植入聲音、加點擊音）

4.加入各種視頻（植入視頻、編輯視頻）

5.多種交互方式和互動游戲

6.其他豐富的功能四、H5的優(yōu)勢與不足（一）H5的傳播優(yōu)勢超級媒體屬性H5傳播優(yōu)勢創(chuàng)造有趣的交互方式創(chuàng)造人與人的新鏈接四、H5的優(yōu)勢與不足（二）H5的優(yōu)勢更好上手H5的優(yōu)勢成本較低反應(yīng)迅速四、H5的優(yōu)勢與不足（三）H5的不足技術(shù)更新快H5的不足定制開發(fā)升級效果行業(yè)標準有待確立H5網(wǎng)頁制作涉及哪些素材？

H5網(wǎng)頁制作素材如何獲取？

任務(wù)2：獲取H5網(wǎng)頁制作的素材一、綜合網(wǎng)站（一）資訊網(wǎng)站1.站酷網(wǎng)一、綜合網(wǎng)站（一）資訊網(wǎng)站2.數(shù)英網(wǎng)一、綜合網(wǎng)站（一）資訊網(wǎng)站3.花瓣網(wǎng)一、綜合網(wǎng)站（一）資訊網(wǎng)站4.酷5網(wǎng)一、綜合網(wǎng)站（二）資訊自媒體1.H5資訊站（現(xiàn)更名為小呆說）公眾號一、綜合網(wǎng)站（二）資訊自媒體2.知乎的H5版塊二、H5圖片素材（一）綜合類素材庫二、H5圖片素材（二）付費類素材庫二、H5圖片素材（三）國外素材庫二、H5圖片素材（四）圖標類素材庫拓展閱讀：教你尋找圖片出處相信不少人都會有這樣的體驗，遇到了一張?zhí)貏e好看的圖片，很想下載使用，但不知道它的出處，也無法找到原版的圖片。如何才能找到圖片出處呢？其實方法很簡單，只需要將現(xiàn)有的圖片直接上傳到“百度圖片”或者“谷歌圖片”中進行搜索，就可以找到同類圖標和圖片了。在此用百度識圖功能舉例如下：比如在網(wǎng)上看到一張精美的酒店圖片（暫未知出處和信息），利用百度圖片搜索功能找尋原始出處，通過上傳本地的圖片，或者拖拽圖片進入搜索框的方式，都可以搜索到圖片的相關(guān)信息，圖片出處和相關(guān)資料都顯示在網(wǎng)頁中詳細顯示。三、H5字體素材（一）優(yōu)質(zhì)字體素材三、H5字體素材（二）特殊字體素材三、H5字體素材思源黑體思源宋體造字工房字體微軟雅黑字體葉根友字體（三）實用字體推薦四、H5音效素材（一）云音樂搜索平臺四、H5音效素材（二）免費音效素材庫四、H5音效素材（三）版權(quán)音效素材庫你了解H5的設(shè)計流程嗎？

H5的常用工具有哪些呢？

任務(wù)3：熟悉H5的設(shè)計流程做好設(shè)計規(guī)劃有計劃地設(shè)計認真了解需求利用工具制作H5體驗

與測試總結(jié)分析數(shù)據(jù)一、H5的設(shè)計流程二、H5的常用工具1.普通類H5生成工具二、H5的常用工具2.進階類H5生成工具二、H5的常用工具3.專業(yè)工具類知識補充國內(nèi)最全H5工具大集合來源：蘇小呆三、制作H5常用相關(guān)軟件H5相關(guān)軟件構(gòu)思工具設(shè)計工具影音編輯工具動態(tài)設(shè)計工具輔助在線工具你了解MAKA的使用方法嗎？

你知道易企秀的制作技巧嗎？

任務(wù)4：掌握H5的制作技巧常用的H5設(shè)計工具酒店數(shù)字營銷所涉及的H5頁面制作應(yīng)簡潔美觀、內(nèi)容豐富，能從H5設(shè)計制作中體現(xiàn)酒店的品牌風(fēng)格和產(chǎn)品價值，吸引用戶產(chǎn)生閱讀興趣，并進一步產(chǎn)生購買意向。MAKA和易企秀是兩款較為常用的H5設(shè)計工具。一、MAKA使用和制作技巧1.第一步：先登錄MAKA2.第二步：選一個自己喜歡的模板3.第三步：把模板中的文字內(nèi)容按照自己的需求改一改4.第四步：把模板中的圖片換成適合自己的5.第五步：編輯地圖組件6.第六步：編輯表單組件7.第七步：頁面設(shè)置8.第八步：背景音樂設(shè)置二、易企秀使用和制作技巧（一）易企秀的適用范圍1.易企秀的用途2.易企秀適用的場景二、易企秀使用和制作技巧（二）易企秀的制作技巧1.H5場景制作與運用流程2.注冊登錄3.創(chuàng)建場景4.頁面管理5.編輯場景6.設(shè)置動畫7.設(shè)置場景8.保存與發(fā)布場景9.“我的