WPS的H5是什麼?怎麼製作H5頁面?

來源:酷知科普網 2.4W

H5是第5代HTML的簡稱,是一種具有跨平臺性的,以H5語言製作的數字產品。 例如朋友圈的廣告等大都是H5製作的。我們可以在WPS裡自己製作一個H5頁面。

工具/材料

WPS H5

操作方法

開啟WPS H5,我們首先登陸自己的賬號,可以採用QQ微信等關聯賬號登陸,然後選擇建立空白畫冊

WPS的H5是什麼?怎麼製作H5頁面?

我們需要選擇建立的畫冊型別,在這裡演示第一種畫冊,剩下兩種可以自己嘗試。點選後如圖所示。

WPS的H5是什麼?怎麼製作H5頁面? 第2張
WPS的H5是什麼?怎麼製作H5頁面? 第3張

左側是畫冊的第一頁,下方的小加號可以新增畫冊頁數。上方中央是選擇新增的內容,可以選擇性的新增背景,也可以直接新增照片,我們這裡點選 圖片

WPS的H5是什麼?怎麼製作H5頁面? 第4張
WPS的H5是什麼?怎麼製作H5頁面? 第5張

這裡有很多模板圖片,如沒有滿意的可自行上傳。新增的圖片可以再次編輯如縮放,裁剪等。可多次新增照片。

WPS的H5是什麼?怎麼製作H5頁面? 第6張
WPS的H5是什麼?怎麼製作H5頁面? 第7張

照片新增完成後可新增文字,如下圖。每新增一次就是一個新的圖層。

WPS的H5是什麼?怎麼製作H5頁面? 第8張
WPS的H5是什麼?怎麼製作H5頁面? 第9張

還可以設定每個圖層的動畫,如圖所示,點選動畫,然後任選一個圖層新增動畫。

WPS的H5是什麼?怎麼製作H5頁面? 第10張
WPS的H5是什麼?怎麼製作H5頁面? 第11張

有三種動畫設定,每種還有很多動畫模式,選擇後確定還可以在右側進行更細的編輯,同一個圖層可以新增多個動畫。

WPS的H5是什麼?怎麼製作H5頁面? 第12張
WPS的H5是什麼?怎麼製作H5頁面? 第13張
WPS的H5是什麼?怎麼製作H5頁面? 第14張
WPS的H5是什麼?怎麼製作H5頁面? 第15張

第一頁全部編輯好之後可以選擇預覽觀賞效果,不滿意可再次調整。無誤後新增下一頁,繼續上述操作。

WPS的H5是什麼?怎麼製作H5頁面? 第16張
WPS的H5是什麼?怎麼製作H5頁面? 第17張

除了文字圖片以外,也可以新增一些特殊形狀,這些都可以自行新增,設定。

WPS的H5是什麼?怎麼製作H5頁面? 第18張

依次編輯好足夠的頁數,最後在新增上背景音樂,在上方點選 音樂,選擇音樂庫或者自己新增音樂(小於4Mb)。

WPS的H5是什麼?怎麼製作H5頁面? 第19張
WPS的H5是什麼?怎麼製作H5頁面? 第20張
WPS的H5是什麼?怎麼製作H5頁面? 第21張

至此,H5頁面編輯完成,點選右上角 預覽/釋出,設定分享資訊,確定標題和描述,點擊發布,會生成微信二維碼和網頁連結,即可分享。

WPS的H5是什麼?怎麼製作H5頁面? 第22張
WPS的H5是什麼?怎麼製作H5頁面? 第23張
熱門標籤