網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

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

欄目: IT技術 / 發佈於: / 人氣:2.37W

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張
Tags:h5 wps 頁面