H5是第5代HTML的簡(jiǎn)稱，是一種具有跨平臺(tái)性的，以H5語(yǔ)言制作的數(shù)字產(chǎn)品。 例如朋友圈的廣告等大都是H5制作的。我們可以在WPS里自己制作一個(gè)H5頁(yè)面。

工具/材料

WPS H5

操作方法

• 01

  打開(kāi)WPS H5,我們首先登陸自己的賬號(hào)，可以采用QQ微信等關(guān)聯(lián)賬號(hào)登陸，然后選擇創(chuàng)建空白畫冊(cè)

  
• 02

  我們需要選擇創(chuàng)建的畫冊(cè)類型，在這里演示第一種畫冊(cè)，剩下兩種可以自己嘗試。點(diǎn)擊后如圖所示。

  
• 03

  左側(cè)是畫冊(cè)的第一頁(yè)，下方的小加號(hào)可以添加畫冊(cè)頁(yè)數(shù)。上方中央是選擇添加的內(nèi)容，可以選擇性的添加背景，也可以直接添加照片，我們這里點(diǎn)擊 圖片

  
• 04

  這里有很多模板圖片，如沒(méi)有滿意的可自行上傳。添加的圖片可以再次編輯如縮放，裁剪等?？啥啻翁砑诱掌?。

  
• 05

  照片添加完成后可添加文字，如下圖。每添加一次就是一個(gè)新的圖層。

  
• 06

  還可以設(shè)置每個(gè)圖層的動(dòng)畫，如圖所示，點(diǎn)擊動(dòng)畫，然后任選一個(gè)圖層添加動(dòng)畫。

  
• 07

  有三種動(dòng)畫設(shè)定，每種還有很多動(dòng)畫模式，選擇后確定還可以在右側(cè)進(jìn)行更細(xì)的編輯，同一個(gè)圖層可以添加多個(gè)動(dòng)畫。

  
• 08

  第一頁(yè)全部編輯好之后可以選擇預(yù)覽觀賞效果，不滿意可再次調(diào)整。無(wú)誤后添加下一頁(yè)，繼續(xù)上述操作。

  
• 09

  除了文字圖片以外，也可以添加一些特殊形狀，這些都可以自行添加，設(shè)置。

  
• 10

  依次編輯好足夠的頁(yè)數(shù)，最后在添加上背景音樂(lè)，在上方點(diǎn)擊 音樂(lè)，選擇音樂(lè)庫(kù)或者自己添加音樂(lè)（小于4Mb）。

  
• 11

  至此，H5頁(yè)面編輯完成，點(diǎn)擊右上角 預(yù)覽/發(fā)布，設(shè)置分享信息，確定標(biāo)題和描述，點(diǎn)擊發(fā)布，會(huì)生成微信二維碼和網(wǎng)頁(yè)鏈接，即可分享。

  

聲明：本篇經(jīng)驗(yàn)系酷知網(wǎng)「www.coozhi.com」原創(chuàng)，轉(zhuǎn)載請(qǐng)注明出處。