H5是第5代HTML的简称,是一种具有跨平台性的,以H5语言制作的数字产品。 例如朋友圈的广告等大都是H5制作的。我们可以在WPS里自己制作一个H5页面

工具/材料

WPS H5

01

打开WPS H5,我们首先登陆自己的账号,可以采用QQ微信等关联账号登陆,然后选择创建空白画册

WPS的H5是什么?怎么制作H5页面?-风君小屋帮我吧 02

我们需要选择创建的画册类型,在这里演示第一种画册,剩下两种可以自己尝试。点击后如图所示。

WPS的H5是什么?怎么制作H5页面?-风君小屋帮我吧 WPS的H5是什么?怎么制作H5页面?-风君小屋帮我吧 03

左侧是画册的第一页,下方的小加号可以添加画册页数。上方中央是选择添加的内容,可以选择性的添加背景,也可以直接添加照片,我们这里点击 图片

WPS的H5是什么?怎么制作H5页面?-风君小屋帮我吧 WPS的H5是什么?怎么制作H5页面?-风君小屋帮我吧 04

这里有很多模板图片,如没有满意的可自行上传。添加的图片可以再次编辑如缩放,裁剪等。可多次添加照片。

WPS的H5是什么?怎么制作H5页面?-风君小屋帮我吧 WPS的H5是什么?怎么制作H5页面?-风君小屋帮我吧 05

照片添加完成后可添加文字,如下图。每添加一次就是一个新的图层。

WPS的H5是什么?怎么制作H5页面?-风君小屋帮我吧 WPS的H5是什么?怎么制作H5页面?-风君小屋帮我吧 06

还可以设置每个图层的动画,如图所示,点击动画,然后任选一个图层添加动画。

WPS的H5是什么?怎么制作H5页面?-风君小屋帮我吧 WPS的H5是什么?怎么制作H5页面?-风君小屋帮我吧 07

有三种动画设定,每种还有很多动画模式,选择后确定还可以在右侧进行更细的编辑,同一个图层可以添加多个动画。

WPS的H5是什么?怎么制作H5页面?-风君小屋帮我吧 WPS的H5是什么?怎么制作H5页面?-风君小屋帮我吧 WPS的H5是什么?怎么制作H5页面?-风君小屋帮我吧 WPS的H5是什么?怎么制作H5页面?-风君小屋帮我吧 08

第一页全部编辑好之后可以选择预览观赏效果,不满意可再次调整。无误后添加下一页,继续上述操作。

WPS的H5是什么?怎么制作H5页面?-风君小屋帮我吧 WPS的H5是什么?怎么制作H5页面?-风君小屋帮我吧 09

除了文字图片以外,也可以添加一些特殊形状,这些都可以自行添加,设置。

WPS的H5是什么?怎么制作H5页面?-风君小屋帮我吧 10

依次编辑好足够的页数,最后在添加上背景音乐,在上方点击 音乐,选择音乐库或者自己添加音乐(小于4Mb)。

WPS的H5是什么?怎么制作H5页面?-风君小屋帮我吧 WPS的H5是什么?怎么制作H5页面?-风君小屋帮我吧 WPS的H5是什么?怎么制作H5页面?-风君小屋帮我吧 11

至此,H5页面编辑完成,点击右上角 预览/发布,设置分享信息,确定标题和描述,点击发布,会生成微信二维码和网页链接,即可分享。

WPS的H5是什么?怎么制作H5页面?-风君小屋帮我吧 WPS的H5是什么?怎么制作H5页面?-风君小屋帮我吧