H5交互融媒體作品創(chuàng)作 課件 第一章 H5作品制作準(zhǔn)備

普通高等學(xué)校應(yīng)用型教材·新聞傳播學(xué)H5交互融媒體作品創(chuàng)作

（第2版）

目錄ContentsH5作品制作準(zhǔn)備H5作品的選題與策劃H5作品的素材查找與加工H5作品的頁面設(shè)計(jì)01020304課程配套教材方正飛翔數(shù)字版功能快速入門05H5作品的交互設(shè)計(jì)與互動(dòng)效果制作06

目錄ContentsH5制作綜合實(shí)踐:出版領(lǐng)域H5作品的測(cè)試、發(fā)布與運(yùn)營H5制作綜合實(shí)踐:傳媒領(lǐng)域090708專用名詞術(shù)語表附錄H5作品制作準(zhǔn)備本章要點(diǎn)關(guān)鍵詞第1章1.辨析H5的概念,掌握H5這一名詞的由來。2.掌握H5作為一種作品形態(tài),在新聞?lì)I(lǐng)域的應(yīng)用。3.掌握H5作品制作的注意事項(xiàng),并能夠?qū)⒅畱?yīng)用到H5作品中。4.掌握H5作品的基本制作流程。H5制作規(guī)范制作流程第1節(jié)H5技術(shù)常識(shí)

一、什么是H5

如果你在國外與從事互聯(lián)網(wǎng)或新媒體行業(yè)的工作者談及H5,他們甚至?xí)]有聽說過這個(gè)引爆中國移動(dòng)互聯(lián)網(wǎng)的名詞!實(shí)際上,H5是中國人專用的一個(gè)名詞,有人說,H5是HTML5的簡(jiǎn)稱,中文意思是第五代超文本標(biāo)記語言,是一項(xiàng)伴隨著移動(dòng)互聯(lián)網(wǎng)技術(shù)的興起而發(fā)展的技術(shù)標(biāo)準(zhǔn)。但事實(shí)上，這個(gè)說法在H5這個(gè)名詞剛剛出現(xiàn)時(shí),或許是正確的,但在2014年之后,H5出現(xiàn)在各個(gè)領(lǐng)域,H5早就超出了“HTML5縮寫”這個(gè)說法的含義,成為了一種在中國興起和流行的特殊作品形態(tài)。

在進(jìn)行H5作品的制作之前,我們需要對(duì)H5這種作品形態(tài)和相關(guān)的技術(shù)有一個(gè)基本的了解,這樣才能更好地根據(jù)H5的技術(shù)特點(diǎn),進(jìn)行作品的選題、策劃,根據(jù)H5可以實(shí)現(xiàn)的交互效果進(jìn)行作品的制作。在本節(jié)中,我們對(duì)H5這一名詞和作品形態(tài)的來源、H5的技術(shù)特點(diǎn)和優(yōu)勢(shì),以及H5的應(yīng)用領(lǐng)域進(jìn)行介紹。Heybuddy,thisH5isexcellent!老鐵，H5是啥??？！HyperTextMarkupLanguage5（H5）Web標(biāo)準(zhǔn)“超文本標(biāo)記語言”第5個(gè)版本通俗的講：是網(wǎng)絡(luò)頁面編輯腳本的規(guī)范和標(biāo)準(zhǔn)H5可以說是伴隨移動(dòng)互聯(lián)網(wǎng)的興起應(yīng)運(yùn)而生的技術(shù)曾經(jīng)，我們認(rèn)為H5是它的簡(jiǎn)稱......

我們可以認(rèn)為H5是一個(gè)多項(xiàng)技術(shù)與技術(shù)標(biāo)準(zhǔn)的集合

我們可以認(rèn)為H5是一種獨(dú)立的作品形態(tài)H5CSS3Javascript微信文章HTML5PPTAPP游戲

二、H5的技術(shù)特點(diǎn)與優(yōu)勢(shì)跨終端跨平臺(tái)技術(shù)更新快融媒體強(qiáng)交互

三、H5的應(yīng)用領(lǐng)域內(nèi)容生產(chǎn)市場(chǎng)營銷游戲

四、H5制作的注意事項(xiàng)素材瀏覽器頁面瀏覽器選擇市面瀏覽器多種多樣，為什么要選谷歌瀏覽器？寬度適配垂直居中高度適配水平居中自動(dòng)適配全屏頁面寬度始終與設(shè)備瀏覽器的頁面的寬度保持一致，并根據(jù)頁面的實(shí)際寬度對(duì)您的作品等比例縮放后，進(jìn)行居中顯示。上下兩側(cè)進(jìn)行一定的剪裁或留白。【推薦使用場(chǎng)景】手機(jī)端豎屏顯示頁面高度始終與設(shè)備瀏覽器的頁面的高度保持一致，并根據(jù)頁面的實(shí)際高度對(duì)您的作品等比例縮放后，進(jìn)行居中顯示。進(jìn)行一定的剪裁或留白。【推薦使用場(chǎng)景】手機(jī)端橫屏顯示、PC端橫屏顯示頁面總會(huì)完整、不變形地顯示在您的瀏覽器中。在屏幕的上下或左右兩側(cè)，可能會(huì)產(chǎn)生留白?！就扑]使用場(chǎng)景】PC端橫屏顯示、Pad端橫屏或豎屏顯示頁面總會(huì)充滿您的瀏覽器窗口進(jìn)行顯示。不會(huì)在頁面中產(chǎn)生任何留白，但由于會(huì)將頁面進(jìn)行拉伸和縮放，可能會(huì)造成您的頁面變形。【推薦使用場(chǎng)景】PC端、Pad端、手機(jī)端橫屏顯示屏幕自適應(yīng)1234作品選題內(nèi)容策劃30%素材查找素材加工20%頁面設(shè)計(jì)交互設(shè)計(jì)30%作品測(cè)試上線與運(yùn)營20%五、H5作品的制作流程問題討論什么是H5？你如何給