當前位置:妙知谷 >

遊戲數碼 >IT技術 >

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

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

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張
標籤: h5 wps 頁面
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/itjishu/4o2y8.html