您的位置首页百科知识

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

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

的有关信息介绍如下:

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

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

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

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

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

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

拒绝广告 · 聚焦交互体验

编辑神器 · 专业效果呈现

云化架构 · 极速稳定保障

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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