百度也有H5页面功能了,来体验一下功能有何特色

曾几何,H5页面火爆的很,诞生了好几个平台,拥有大量的企业和个人用户。无意间发现百度也有类似的产品,来一起看看有啥不一样吧。

工具/原料

  • Thinkpad E431
  • Windows 10 浏览器
  • 百度账号

方法/步骤

  1. 1

    登录百度官网首页,点击顶部右侧的更多产品--全部产品,再找到百度H5功能入口 ;

    https://www.baidu.com/more/

    或是直接从以下地址进入:https://h5.bce.baidu.com/

    百度也有H5页面功能了,来体验一下功能有何特色
  2. 2

    进入后,需要再次登录;产品特色有三点分别是:

    拒绝广告 · 聚焦交互体验

    编辑神器 · 专业效果呈现

    云化架构 · 极速稳定保障

    百度也有H5页面功能了,来体验一下功能有何特色
    百度也有H5页面功能了,来体验一下功能有何特色
    百度也有H5页面功能了,来体验一下功能有何特色
    百度也有H5页面功能了,来体验一下功能有何特色
  3. 3

    我们点击“登录”来看看具体的功能吧。直接使用百度账号登录。

    注:虽然前面的首页登录了,但这里还需要再次登录。

    百度也有H5页面功能了,来体验一下功能有何特色
  4. 4

    登录成功后,出现H5的列表和功能操作界面。点击“+”号来添加一个尝试一下。

    首先会出现布局选择提示,分为整页和分页两种模式。

    分页模式是指整屏固定,然后左右滑动进行其他页切换;整页模式,就是一页到底,上下滑动;

    百度也有H5页面功能了,来体验一下功能有何特色
    百度也有H5页面功能了,来体验一下功能有何特色
  5. 5

    以分页为例来添加一个作品;点击“分页模式”后,出现命名操作;输入“分页测试作品”,点击“确定”后进入编辑界面;

    编辑界面分3列,左列是页面导航,中间是当前页面编辑操作界面,右侧是具体的控件设置区。

    百度也有H5页面功能了,来体验一下功能有何特色
    百度也有H5页面功能了,来体验一下功能有何特色
  6. 6

    页面内容可以添加文字、媒体(包括图片、视频、音频、全景)、还可以上传PSD文件(这个是特色)、图形图表、插件(计数器之类)、表单。

    百度也有H5页面功能了,来体验一下功能有何特色
  7. 7

    同时,还可以对页面进行外观(比如设置背景色、图片)、动画(翻页动画)、事件、脚本进行设置,让页面之间的切换更丰富的效果。

    百度也有H5页面功能了,来体验一下功能有何特色
  8. 8

    下面来设置几个常用的操作(一)、设置背景图片;

    外观--页面配置,点击背景的图片按钮;上传和选择图片;

    点击上传的图片即可进行设置;

    此时页面就有了背景图片;

    注:此时的图片会自动进行页面适应,当然上传的图片像素要有足够大。

    百度也有H5页面功能了,来体验一下功能有何特色
    百度也有H5页面功能了,来体验一下功能有何特色
    百度也有H5页面功能了,来体验一下功能有何特色
  9. 9

    下面来设置几个常用的操作(二)、添加文本标题;

    点击顶部的控件菜单,文本,字号(中字体),此时页面上出现一个文本框,可编辑;

    设置为白色字体,放置在中间;可设置字体、颜色、对齐方式,双击则可以编辑内容;我们改为"百度H5产品测试“。

    当然,你还可以添加一些特效,如阴影设置;

    百度也有H5页面功能了,来体验一下功能有何特色
    百度也有H5页面功能了,来体验一下功能有何特色
    百度也有H5页面功能了,来体验一下功能有何特色
  10. 10

    下面来设置几个常用的操作(三)、添加轮播图;

    再上传2张图片;点击”插件“--”相册“,再移动放到合适的位置。

    点击”编辑“,在图片列表中编辑内容;可以删除和上传;

    我们选用前面上传的2张图片,注:默认的3张不能删除,只能点击修改对应的图片,且必须要有3张才行;

    百度也有H5页面功能了,来体验一下功能有何特色
    百度也有H5页面功能了,来体验一下功能有何特色
    百度也有H5页面功能了,来体验一下功能有何特色
    百度也有H5页面功能了,来体验一下功能有何特色
    百度也有H5页面功能了,来体验一下功能有何特色
    百度也有H5页面功能了,来体验一下功能有何特色
  11. 11

    下面来设置几个常用的操作(四)、添加表单;

    也有一些现成的组件可以直接使用,如报名;添加后会把报名的表单内容直接显示出来,可以调整位置布局就可以使用了。

    我们取消掉多余 不要的字段内容,只留下手机和姓名、提交按钮。选中后可以改变宽和高;

    百度也有H5页面功能了,来体验一下功能有何特色
    百度也有H5页面功能了,来体验一下功能有何特色
    百度也有H5页面功能了,来体验一下功能有何特色
  12. 12

    添加完成后,我们可以来预览一下。点击右上角的”预览“按钮;

    可以直接在电脑上看到效果,也可以使用手机扫码在手机上来看;

    百度也有H5页面功能了,来体验一下功能有何特色
    百度也有H5页面功能了,来体验一下功能有何特色
    百度也有H5页面功能了,来体验一下功能有何特色
  13. 13

    如果要让别人看到,此时需要点击”发布“,再输入文件名就可以完成发布操作。

    注:现在的发布,需要进行实名认证才可以操作;

    百度也有H5页面功能了,来体验一下功能有何特色
  14. 14

    实名认证是在百度云认证,点击实名认证,进入;选择个人认证,会自动关联出账号内容(百度账号);

    此时点击”确定”就可以了,就完成了账号的同步,完成了认证。

    百度也有H5页面功能了,来体验一下功能有何特色
    百度也有H5页面功能了,来体验一下功能有何特色
    百度也有H5页面功能了,来体验一下功能有何特色
  15. 15

    我们再回到发布界面,点击返回编辑,再次发布;输入文件名,点击“发布”即可。

    需要点击“检查链接是否可用”来确定输入的文件名是否可行;

    填写分享标题,再点击发布;

    百度也有H5页面功能了,来体验一下功能有何特色
    百度也有H5页面功能了,来体验一下功能有何特色
    百度也有H5页面功能了,来体验一下功能有何特色
  16. 16

    发布过程需要会时间,等待一下就好。发布成功后会提示,此时就完成了一个H5的作品编辑发布;

    百度也有H5页面功能了,来体验一下功能有何特色
    百度也有H5页面功能了,来体验一下功能有何特色
    END
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部
相关标签硬件百度产品