木疙瘩教程：如何制作H5类型的招聘信息？
如今，H5动画应用十分的广泛，不仅应用于制作个人简历，还可以制作招聘信息。那么，小编今天就把制作H5类型的招聘信息的方法分享给大家。
步骤1：添加素材、排版
- 01
如下图，在新建页面上添加图片素材、矩形、文本框，调整其位置、大小、文字内容、文字大小、颜色等属性。
- 02
同理添加三组相同的素材，排版如下
- 03
在添加图片时，我们应注意，将每一个职位的素材分别合并成组，并放在不同的图层内。例如，将“总顾问”一组放置“顾问”图层，将“市场总监”一组放置“市场总监”图层
步骤2：添加动画效果
- 01
在时间轴上选择所有图层的第30帧，右键→“插入帧”
- 02
点击无需添加动画的图层3、4的类似锁状的按钮，将其锁住，选中“快递员”“市场总监”“顾问”三个图层的时间线，右键→“插入关键帧动画”
- 03
分别选中“快递员”“市场总监”图层第1帧，调整“Y轴旋转”角度为“-50”“-40”
- 04
将第一组“总顾问”放在“舞台”正中间，选中动画最后一帧，即第30帧，将“快递员”组放在“舞台”正中间。
- 05
同时，在第30帧，点击设置“市场总监”“总顾问”组的“Y轴旋转”分别为“40”“50”
步骤3：添加按钮
- 01
如下图，新建一个图层，命名为“按钮”，添加一个矩形，使其高度与“舞台”相同，宽度大于“舞台”
- 02
将按钮矩形“透明度”设置为“0”，并为其命名为“透明按钮”
- 03
点击“舞台”空白处，在“舞台”的“属性”面板下找到“动画关联”，选择“启用”，点击“关联”按钮
- 04
设置“关联”属性关联对象：“透明按钮”关联属性：“左”开始值：“-203”（“透明按钮”最右端与舞台右端重合时的位置）结束值：“0”播放模式：“同步”注意：为方面观察，也可先将“透明按钮”透明度调整为“20”
- 05
选中“透明按钮”，在其“属性”面板下找到“拖动/旋转”按钮，选择“水平拖动”
步骤4：添加表单
- 01
选中“我要应聘”按钮元素，在其“属性”面板下找到“动作”，选择“表单”，点击右边的“编辑”按钮
- 02
在弹出的“编辑表单”中设置表单名称：“应聘”提交方式：“GET”提交目标：“提交数据到后台”确认消息：“提交成功”背景颜色、字体颜色、字体大小等点击“添加表单项”
- 03
在“添加表单项”对话框中填写名称：“姓名”描述：“姓名”类型：“输入框”，点击“保存”
- 04
同理，再添加一个表单项，设置内容为名称：“应聘职位”描述：“应聘职位”类型：“单选框”取值：“总顾问、市场总监、快递员”（一行为一个选项）点击“保存”
- 05
同理，再添加一个表单项，设置内容为名称：“电话”描述：“电话”类型：“电话号码”，点击“保存”可点击“预览”观察效果
步骤5：添加背景音乐
- 01
添加一个音乐在“舞台”，将音乐素材移动至“舞台”之外，在“背景音乐”中选择“声音1”
- 02
同时，也可设置“分享”与“加载”
步骤6：查看后台表单数据
- 01
在“动画作品”界面点击该作品“统计”按钮
- 02
在“数据”界面选择“表单数据”，即可查看所提交的表单信息。