《網(wǎng)站內(nèi)容編輯》第11章 HTML5網(wǎng)頁設(shè)計(jì)-

第8章

使用網(wǎng)絡(luò)編輯工具網(wǎng)絡(luò)編輯：內(nèi)容規(guī)劃文案創(chuàng)作運(yùn)營推廣目錄CONTENTS8.6HTML5網(wǎng)頁設(shè)計(jì)8.6.1HTML5網(wǎng)頁的定義和作用HTML5簡稱H5，它是針對(duì)超文本標(biāo)記語言HTML的第五次修訂，超文本是指頁面內(nèi)可以包含圖片、超鏈接，甚至音樂、程序等非文字元素，而標(biāo)記是指這些超文本必須由包含屬性的開頭與結(jié)尾標(biāo)志來標(biāo)記。HTML5網(wǎng)頁對(duì)網(wǎng)絡(luò)平臺(tái)的宣傳和增加曝光度都可以起到非常重要的作用，主要包括以下幾點(diǎn)。123吸引用戶主動(dòng)分享，幫助網(wǎng)站快速吸粉增加網(wǎng)站的曝光率增強(qiáng)用戶的活躍度和黏性活動(dòng)推廣類該類型的HTML5網(wǎng)頁包含多種內(nèi)容形式，如游戲、邀請(qǐng)函等，通過與用戶互動(dòng)，以及高質(zhì)量和話題性的設(shè)計(jì)來提高傳播效率。品牌宣傳類總結(jié)報(bào)告類該類型的HTML5網(wǎng)頁更傾向于企業(yè)品牌形象塑造，以及向用戶傳達(dá)品牌的精神態(tài)度。該類型的HTML5網(wǎng)頁運(yùn)用HTML5的互動(dòng)技術(shù)優(yōu)勢來展示商品特性，從而幫助用戶全方位了解商品，甚至吸引用戶產(chǎn)生購買行為。該類型的HTML5網(wǎng)頁比較典型的案例就是支付寶十年賬單，利用HTML5網(wǎng)頁良好的互動(dòng)體驗(yàn)令原本乏味的總結(jié)報(bào)告有趣、生動(dòng)。商品介紹類8.6.2HTML5網(wǎng)頁的類型010203040506表現(xiàn)形式場景型測試型展示型視頻型禮物型技術(shù)型8.6.3HTML5網(wǎng)頁的表現(xiàn)形式內(nèi)容故事化多用場景增加互動(dòng)提升參與感融入社交屬性將內(nèi)容編輯成故事更容易引發(fā)用戶的情感共鳴，提升HTML5網(wǎng)頁的傳播效果。。將辦公樓、住宅和地鐵站等場景融入到HTML5網(wǎng)頁中，既能帶給用戶真實(shí)熟悉的感受，又能喚起用戶的認(rèn)知，從而加深其對(duì)品牌的印象。在HTML5網(wǎng)頁中加入互動(dòng)的元素，能讓用戶進(jìn)一步感知體驗(yàn)宣傳的品牌或商品，提高品牌的認(rèn)知度和對(duì)商品的購買欲望。結(jié)合品牌或商品本身的特性及用戶的喜好進(jìn)行參與機(jī)制的設(shè)置。HTML5網(wǎng)頁設(shè)計(jì)中應(yīng)融入談資、幫助、比較、炫耀、窺視等，能讓用戶分享的動(dòng)機(jī)，借助受眾的社交關(guān)系鏈進(jìn)行傳播推廣。8.6.4HTML5網(wǎng)頁的編輯技巧8.6.5在線HTML5網(wǎng)頁編輯工具——易企秀71選擇HTML5模板類型易企秀是一款HTML5網(wǎng)頁的編輯工具，它操作簡單、易于上手，相當(dāng)于移動(dòng)版的PPT制作工具。下面將以制作某水果網(wǎng)站宣傳HTML5網(wǎng)頁為例，介紹易企秀的基本操作方法，其具體步驟如下。8.6.5在線HTML5網(wǎng)頁編輯工具——易企秀82確定模板樣式8.6.5在線HTML5網(wǎng)頁編輯工具——易企秀93編輯模板中的文本對(duì)象8.6.5在線HTML5網(wǎng)頁編輯工具——易企秀104在HTML5中插入組件8.6.5在線HTML5網(wǎng)頁編輯工具——易企秀115設(shè)置組件的動(dòng)畫效果6對(duì)圖片進(jìn)行編輯8.6.5在線HTML5網(wǎng)頁編輯工具——易企秀127替換圖片