• 282018-08

    h5微场景制作流程大解析

    什么是H5微场景呢?就是类似于PPT一样可以滑动的移动页面,成本?#31995;停?#32780;且特别炫酷受到很多网友们的追捧,下面原创先锋小编给大家详细介绍下h5微场景制作流程,想要?#31169;?#30340;朋友可以一起和小编来看看哦。

      选择模板

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

    h5微场景制作流程大解析


      进入制作平台

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

      功能介绍

      文字

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

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

      3、属?#36816;得鰨?/p>

      1)字体:改变文字的字体,提供的是兔?#25925;?#25454;库的字体,非电脑本地字体。

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

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

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

      5)宽度:修改文?#36136;?#20837;框的宽度,单位像素。

      6)高度:修改文?#36136;?#20837;框的高度,单位像素。

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

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

      ?#35745;?/strong>

      1、功能解释:用于显?#23601;计?#36890;过修改?#35745;?#30340;显示属性,可以改变?#35745;?#30340;大小、透明度、角度等。

      2、操作方法:

      1)激活功能:点击右侧的?#35745;?#36873;项,编辑面板的右上角会出现兔展的logo?#35745;?/p>

      2)上传新?#35745;?#28857;击属性栏中的上传按钮,上传本地电脑中的?#35745;?#36827;入替换。

      3)?#35745;?#24211;中的?#35745;?#22914;果之前已经上传过?#35745;?#21487;以从?#35745;?#24211;中选择需要显示的?#35745;?/p>

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

      3、属?#36816;得鰨?/p>

      1)宽度:修改?#35745;?#30340;宽度。

      2)高度:修改?#35745;?#30340;高度。

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

      4)透明度:修改?#35745;?#30340;透明度,100%为不透明,0%为全透明。

      5)旋转:调整?#35745;?#19982;水平线的夹角,正数为顺时针旋转,负数为逆时针旋转。

      形状:添加各种类型形状?#22841;危?#20197;?#25353;?#21457;功能。

      按钮

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

      2、操作方法:点击右侧的按钮选项,编辑面板的右上角会出现文?#36136;?#20837;框;修改右侧的属性选项,可以改变按钮的?#38382;?#21644;样式。

      3、属?#36816;得鰨?/p>

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

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

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

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

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

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

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

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

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

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

      表单

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

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

      3、属?#36816;得鰨?/p>

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

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

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

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

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

    h5微场景制作流程大解析


      音乐

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

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

      互动

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

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

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

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

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

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

      扩展/VIP功能

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

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

      上述内容就是原创先锋小编分享的关于h5微场景制作流程大解析的介绍,我们网站还有很多关于H5微场景制作的文章,想要?#31169;?#23601;赶紧来收藏我们网站吧。





    北京网站建设 北京网页设计 网站制作(www.owdh.tw)



    YC & 原创官方微信
    Contact Us & 联系我们

    TEL: 010-68703788/66/87/89

    地址:北京市海淀区大钟寺十三号院华杰大厦11B8室

    ? Copyright 2004-2014 bjycxf.com All Rights Reserved 版权所有

    京ICP备09080439号 京公网安备11010802012755号

    福建快三走势