最新WPS办公软件学习教程_免费企业办公软件下载_金山WPS Office官网论坛

 找回密码
 
查看: 49|回复: 11

[交流讨论] 【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!

[复制链接]

70

主题

4

听众

693

积分

实习版主

Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17

该用户从未签到

金币
3
威望
1800
帖子
136
精华
10
发表于 2016-3-24 17:46 |显示全部楼层
分享到: 新浪微博 腾讯微博
秀堂教程之:如何生成一个Html5?秒懂Html5制作!!
一、登录秀堂官网(http://s.wps.cn),点击登录。(新同学需要注册一个自己的WPS账号)
二、新建画册
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188315
根据自己的需要选择H5横屏还是竖屏展示。
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188316
三、正式开始制作
1、为H5添加文字
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188317
l 设置文本框的样式:边框颜色、边框粗细、文本框填充颜色等
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188318
l 设置文字格式:选中需要调整的文字,然后设置字体、字号大小、字体颜色等等。
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188319
2、为H5添加形状
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188320
l 选择一个喜欢的形状
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188321
l 设置形状的样式:形状边框的颜色、粗细、形状的颜色、在形状里填充的图片、裁剪、添加超链接等
【形状详细教程请见:Part

【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188322
3、为H5添加一个图片
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188323
l 可以选择秀堂提供的默认图片,也可以自己上传新图片。凡是上传过的图片都会自动保存在“我的图片”里,以后就可以直接用啦~
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188324
l 设置图片的外观:图片的边框颜色、粗细、形状的颜色、裁剪图片、添加超链接等
【裁剪、超链接详细教程请见:Part 6 】
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188325
4、为H5添加一个表单:
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188326
l 可以选择默认的快捷表单,如果有其他表单需求,可以使用自定义表单~
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188327
l 设置表单内容及样式
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188328
l 用户填写表单后,秀堂会将所有数据收集储存,可在:“我的画册-数据收集” 中查看
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188329
5、为H5设置一个背景
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188330
l 可以使用默认的背景图片,也可以自己上传一个新的~
上传过的背景图片都会自动保存在“我的背景”里,方便下次使用~
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188331
6、为H5设置互动功能:喜欢、点赞、投票、地图等(以投票功能为例)
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188332
l 设置投票功能的样式:激活颜色、图标大小等
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188333
7、为H5添加背景音乐
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188334
l 可以直接使用秀堂的音乐库,也可以上传自己的音乐文件或者音乐链接
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188335
8、为H5设置页面特效
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188336
l 可设置擦除效果、漂浮效果、飘雪效果等。其中擦除效果可设置透明度、涂抹比例等属性。
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188337
10、为H5页面插入一段视频
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188338
11、为H5添加动画效果
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188339
l 选择想要添加动画的元素,单击“添加动画”即可完成
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188340
四、制作完成
1、点击“预览”按钮,预览整个H5,有不满意的地方再调整~
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188341
2、完成后,点击“分享”就可以把制作好的H5发给好友啦~
【秀堂教程】——如何生成一个Html5?秒懂Html5制作!!_16188342
l 最后的最后,更换一个H5封面,给它起一个名字,再加上一些预览文字就可以啦~(当然这个也可以不填~),点击发布!
l 然后你就可以打开微信,扫一扫二维码转发到朋友圈啦,或者复制链接传播出去~
欢迎宝宝们加入我们的秀堂用户QQ讨论群组:315235063
欢迎提建议欢迎来吐槽,不定期有福利哈~


官方微信公众号:WPS秀堂
官方微博:http://weibo.com/WPSxiutang
萌萌的微信君微博君,等你来调戏~


官方论坛:http://bbs.wps.cn/forum-130-1.html
就是这里!让我看到你们的双手~
~

0

主题

1

听众

2

积分

LV.1

Rank: 1

该用户从未签到

金币
3
威望
2
帖子
2
精华
0
发表于 2016-6-1 12:58 |显示全部楼层
这个后台得到的数据在哪看到
回复

使用道具 举报

0

主题

1

听众

2

积分

LV.1

Rank: 1

该用户从未签到

金币
3
威望
2
帖子
2
精华
0
发表于 2016-6-1 13:00 |显示全部楼层
秀堂怎么添加号码了可以直接拨通
回复

使用道具 举报

1

主题

1

听众

11

积分

LV.1

Rank: 1

签到天数: 1 天

[LV.1]初来乍到

金币
4
威望
25
帖子
3
精华
0
发表于 2016-6-2 14:58 |显示全部楼层
咋就没有萌萌的表情……
回复

使用道具 举报

0

主题

0

听众

1

积分

LV.1

Rank: 1

该用户从未签到

金币
3
威望
1
帖子
1
精华
0
发表于 2016-6-22 12:43 |显示全部楼层
已发布的册子有错能取消发布吗
回复

使用道具 举报

70

主题

4

听众

693

积分

实习版主

Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17

该用户从未签到

金币
3
威望
1800
帖子
136
精华
10
发表于 2016-6-23 10:28 |显示全部楼层
小太阳初心 发表于 2016-6-2 14:58
咋就没有萌萌的表情……

哈哈哈 小初心 看到你名纸就萌萌哒了 不用加表情哈哈哈摸摸头
回复

使用道具 举报

70

主题

4

听众

693

积分

实习版主

Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17

该用户从未签到

金币
3
威望
1800
帖子
136
精华
10
发表于 2016-6-23 10:30 |显示全部楼层
老树逢春 发表于 2016-6-22 12:43
已发布的册子有错能取消发布吗

不能取消发布~但是没关系 不用担心~可以改正错误后从新发布~链接和二维码就同步更新了~O(∩_∩)O
回复

使用道具 举报

0

主题

0

听众

2

积分

LV.1

Rank: 1

签到天数: 1 天

[LV.1]初来乍到

金币
4
威望
4
帖子
2
精华
0
发表于 2016-7-10 16:55 |显示全部楼层
搜嘎!   我懂了  这个比较简单!   
回复

使用道具 举报

0

主题

0

听众

1

积分

LV.1

Rank: 1

该用户从未签到

金币
3
威望
1
帖子
1
精华
0
发表于 2016-7-17 12:19 |显示全部楼层

来学习教程!支持!
回复

使用道具 举报

0

主题

1

听众

2

积分

LV.1

Rank: 1

该用户从未签到

金币
3
威望
2
帖子
2
精华
0
发表于 2016-8-4 10:56 |显示全部楼层
学习学习~~~~~
回复

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 更多账号登录:

快速回帖:

WPS论坛更新日志|WPS Office官方论坛     

GMT+8, 2017-11-25 15:44

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部