h5微场景制作流程大解析
author:一佰互联 2020-01-06   click:112
282018-08

h5微场景制作流程大解析

什么是H5微场景呢?就是类似于PPT一样可以滑动的移动页面,成本较低,而且特别炫酷受到很多网友们的追捧,下面巅云建站小编给大家详细介绍下h5微场景制作流程,想要了解的朋友可以一起和小编来看看哦。

  选择模板

  百度搜索兔展,进入网站后注册账号并登录后,即可进入制作界面。在界面上可以看很多可供使用的模板,根据自己的需要,点击相应的模板。


  进入制作平台

  选择完模板后,会自动进入制作平台。在制作平台上,主要分三大区域:左侧的作品结构显示区域,中间的是作品制作区域,右侧的是组件属性修改区域。

  功能介绍

  文字

  1、功能定义:用于展示文字内容,通过修改文字的显示属性,可以生成各式各样的显示效果。

  2、操作方法:点击右侧的文字选项,编辑面板的右上角会出现文字输入框,双击输入框可以修改文字内容;修改右侧的属性选项,可以改变文字的显示样式。

  3、属性说明:

  1)字体:改变文字的字体,提供的是兔展数据库的字体,非电脑本地字体。

  2)字号:修改文字的显示大小。

  3)行距:修改两行文字间的间距。

  4)调色板:修改文字颜色。

  5)宽度:修改文字输入框的宽度,单位像素。

  6)高度:修改文字输入框的高度,单位像素。

  7)透明度:修改文字的透明度,100%为不透明,0%为全透明。

  8)旋转:调整文字与水平线的夹角,正数为顺时针旋转,负数为逆时针旋转。

  图片

  1、功能解释:用于显示图片,通过修改图片的显示属性,可以改变图片的大小、透明度、角度等。

  2、操作方法:

  1)激活功能:点击右侧的图片选项,编辑面板的右上角会出现兔展的logo图片。

  2)上传新图片:点击属性栏中的上传按钮,上传本地电脑中的图片进入替换。

  3)图片库中的图片:如果之前已经上传过图片,可以从图片库中选择需要显示的图片。

  4)截图:按住鼠标左键拖动选择图片区域,然后点击截图按钮或者双击选中的图片区域,便可以裁剪出选中的图片区域。

  3、属性说明:

  1)宽度:修改图片的宽度。

  2)高度:修改图片的高度。

  3)原比例:此选项打上勾好,图片的宽度和高度将按照图片原来的比例显示,修改其中的一个数值,另外一个数值会除之改变。

  4)透明度:修改图片的透明度,100%为不透明,0%为全透明。

  5)旋转:调整图片与水平线的夹角,正数为顺时针旋转,负数为逆时针旋转。

  形状:添加各种类型形状图形,以及触发功能。

  按钮

  1、功能解释:用于添加链接按钮,可以添加一切页面的链接,如:微博链接、微信公众号关注链接、官网链接、淘宝链接等等。

  2、操作方法:点击右侧的按钮选项,编辑面板的右上角会出现文字输入框;修改右侧的属性选项,可以改变按钮的参数和样式。

  3、属性说明:

  1)文字:修改按钮上显示的文字。

  2)链接:需要按钮链接到的页面,注意链接开头要包含“http://”。

  3)填充色:按钮上的背景颜色。

  4)边框色:按钮的边框颜色。

  5)形状-边框:修改边框的宽度,“0”代表按键无边框。

  6)边框-圆角:修改边框边角的圆润程度,数值越大,按钮边角越圆润。

  7)宽度:修改按钮的宽度。

  8)高度:修改按钮的高度。

  9)透明度:修改按钮的透明度,100%为不透明,0%为全透明。

  10)旋转:调整按钮与水平线的夹角,正数为顺时针旋转,负数为逆时针旋转。

  表单

  1、功能解释:是允许用户在表单中输入并提交文本信息的功能组件,用户提交的信息可以在帐户栏目下的表单数据中显示。表单中,可以自定义每个选项的名称和项目的数量。

  2、操作方法:点击右侧的表单选项,弹出新建表单窗口,对表单内容进入添加。

  3、属性说明:

  1)表单标题:添加表单的标题。

  2)行标题:添加表单的行标题。

  3)按钮内容:添加按钮的显示文字。

  4、五星评分:添加星级评分页面

  5、单选/多选功能:能够设立单选/多选按钮


  音乐

  1、功能解释:设置修改当前作品的背景音乐。

  2、操作方法:点击下侧的上传音乐,从弹出的窗口中选择出本地电脑的音频文件,点击确定,然后点击确定,上传完成的音乐会保存在我的音乐里。

  互动

  1、视频:可以插入视频,点击视频,添加视频链接。

  2、一键拨号:输入点击按钮后跳转的电话号码。

  3、指纹计数:能够计算点击指纹的数。

  4、地图:添加位置,详细地图位置。

  5、留言:添加留言功能,内置弹幕留言功能。

  6、点赞:添加点赞功能,记录点赞人数。

  扩展/VIP功能

  1、扩展:能够改变翻页效果以及页面其他效果

  2、VIP功能:能够设置自己需要的LOGO图案,去除编辑器LOGO

  上述内容就是巅云建站小编分享的关于h5微场景制作流程大解析的介绍,我们网站还有很多关于H5微场景制作的文章,想要了解就赶紧来收藏我们网站吧。





高端网站建设 高端网页设计 网站制作(www.yx10011.com)




代表案例:叶轮给煤机www.hcgeimeiji.cn 中国财经网 万州律师www.wanzhoulvshi.cn 重庆百安港农业供应链有限公司(www.baiangang.com www.bagscm.com www.bagscm.com)