H5是HTML 5的縮寫，是HTML的第五個(gè)版本。可以輕松制作電子海報(bào)、邀請(qǐng)函、公司介紹等資料，受到很多人的喜愛(ài)。

那到底如何輕松開(kāi)始制作H5頁(yè)面呢？如今，互聯(lián)網(wǎng)上有很多在線H5制作的平臺(tái)，這里以某度的H5平臺(tái)為例介紹制作方法。

1、在搜索引擎中搜索“某H5”，找到某H5網(wǎng)站，點(diǎn)擊進(jìn)入。這里需要用平臺(tái)賬號(hào)登錄，如果沒(méi)有賬號(hào)的，可以立即注冊(cè)一個(gè)。

2、登錄H5平臺(tái)后，在“我的H5”界面。點(diǎn)擊加號(hào)，新建H5頁(yè)面。

3、在新建菜單中，系統(tǒng)會(huì)讓你選擇是”分頁(yè)布局“還是”整頁(yè)布局“。兩種沒(méi)有多大區(qū)別，分頁(yè)就是有多個(gè)頁(yè)面，整頁(yè)就是只有一個(gè)長(zhǎng)頁(yè)面。下面我們就以分頁(yè)布局為例來(lái)介紹。

4，選擇布局后，系統(tǒng)會(huì)讓我們?yōu)樽髌菲饌€(gè)名稱。輸入我們想要的名稱即可。

5、在左側(cè)的菜單欄里有頁(yè)面和版式兩個(gè)菜單。在版式里我們可以選擇系統(tǒng)自帶模板來(lái)快速創(chuàng)建H5作品。

6、當(dāng)我們選擇了模板后，系統(tǒng)就會(huì)自動(dòng)加載模板頁(yè)上來(lái)。頁(yè)面中已經(jīng)有了模板設(shè)置的元素和動(dòng)畫。如果我們需要修改，在右側(cè)有”編輯、外觀、動(dòng)畫、事件、腳本“五大功能模塊供我們修改，修改方式和PPT類似。在下方，所有元素的播放時(shí)間和順序都可以看得很清楚，我們只需要拖拽就可以改變它們?cè)跁r(shí)間軸上的位置、播放時(shí)長(zhǎng)。

7、如果是從空白頁(yè)開(kāi)始，在頁(yè)面上方有”文本、媒體、PSD、形狀、圖表、插件、表單“等七個(gè)制作素材的功能，操作方法和Office差不多。一旦插入了這些元素，下方時(shí)間軸上會(huì)有這些元素存在。要添加動(dòng)畫，就點(diǎn)擊右側(cè)的動(dòng)畫菜單，里面可以添加動(dòng)畫。操作過(guò)程個(gè)PPT類似。

8、所有頁(yè)面制作完成后，可以點(diǎn)擊右上方的預(yù)覽，觀看一下播放效果。如果效果滿意，就可以點(diǎn)擊預(yù)覽旁邊的”發(fā)布“按鈕，按照向?qū)нM(jìn)行發(fā)布即可。

總結(jié)

簡(jiǎn)單的H5制作，很多平臺(tái)軟件都已經(jīng)做得非常好。可以讓我們像做PPT一樣來(lái)制作H5頁(yè)面。這里限于篇幅和避免廣告，只做了簡(jiǎn)單介紹。如果有需要制作H5頁(yè)面的可以自己實(shí)際動(dòng)手摸索一下，很容易學(xué)會(huì)的。