时光清风 - H5-001 试用百度H5

H5-001 试用百度H5

极速小旋风5年前WEB7483

百度H5是百度公司推出的移动端 H5 页面快速制作工具平台。

百度 H5 的特性包括:

  • 可视化地构建并发布专属 H5 页面,无需付费去广告,支持自由定制加载页、支持单页和多页编辑模式等。

  • 具备强大的编辑功能:

    • 支持各种常用编辑快捷键,复制/粘贴/撤销/重做/上下左右移动/保存 流畅进行,无需鼠标点点点;

    • 提供智能参考线和多种对齐控制,方便控制组件居中和对齐;

    • 元件次序、编组、时间线、组合动画,让您的 H5 与众不同。

  • 支持文本、媒体(含音频,图片,视频)、形状、表单、图表、插件六大类组件,全方位满足各种需求;

  • 独创分层编辑模式,组织页面更灵活。

  • 支持一键导入 PSD ,让你从此告别切图之苦。

  • 来自百度各大产品线运营实战的数百套创意模板,为构思提供源源不断的灵感。


废话不多说,直接开始吧!


以下示例的演示结果:

H501-1.jpg

1.打开https://h5.bce.baidu.com ,创建实例

H501-2.jpg


也可以从模板创建,更方便


2.编辑实例,就像做PPT一样

H501-3.jpg

可以插入各种元素,可以设置外观、动画(类似PPT)、事件


3.对于按钮,建议像Flash一样,增加顶层透明按钮设置事件,而不是在文本或背景上设置,以防止获取不到焦点。


4.事件有三类:控制类、链接类、下载类

专门为移动端设计了事件,例如:打电话、分享朋友圈


5.由于本示例是一个趣味测试,需要统计分数,那么就需要有计数器

在百度H5中自带了计数器插件。

把计数器放置在结果页,重命名变量。

在分页内就可以操作这个变量,例如:每点击一次正确按钮计数变量加10分,点击错误按钮则不加分。


6.最后发布阶段只需要输入标题、简介、地址、图标,会自动上传、生成二维码

H501-4.jpg

一个简单的H5页面就做好了!!


接下来就是统计访问数据了

H501-5.jpg

就这么简单!

H501-6.jpg

 

相关文章

AL-02 阿里语音技术确实优秀

AL-02 阿里语音技术确实优秀

阿里语音合成提供了多个场景共53种语音反过来看百度,只有精品+基础共9种:而且,百度的语音严重失真,不如阿里语音自然。阿里提供了SDK和demo,使用起来也非常方便。1.下载导入demo2.获取Tok...

小程序01-简单抽签程序

小程序01-简单抽签程序

网上流传着很多抽签程序,比如新年运势、年终总结之类,大致的表现形式都是输入一个姓名然后生成一堆分数、总结、评语等。其实最基本的原理就是随机数。那么,怎样实现一个简单的抽签小程序呢?大致分析一下有哪些页...

Xampp MySQL服务无法启动1067

复制MySQL下data文件夹至桌面,删除MySQL下data文件夹cmd进入xampp\mysql\bin,运行mysql_install_db桌面data文件夹下数据库文件夹复制回MySQL下da...

AL-01 推荐一款数据可视化工具

AL-01 推荐一款数据可视化工具

就是阿里DataV,地址:https://datav.aliyun.com可以使用模板创建或马良创建,但是马良的神奇效果只能评价一般。但并不影响DataV本身的优秀可以配置多种数据源有丰富的组件,包括...

AL-03 Quick BI

AL-03 Quick BI

homepage: https://bi.aliyun.com4 steps to a BI:many kinds of data sourcedefine dimensions and measur...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。