H5单页如何制作发布.docx

H5单页如何制作发布.docx

《H5单页如何制作发布.docx》由会员分享，可在线阅读，更多相关《H5单页如何制作发布.docx（10页珍藏版）》请在冰豆网上搜索。

H5单页如何制作发布

H5单页如何制作发布

H5单页如何制作发布

什么是H5?

H5是指第5代HTML，也指用H5语言制作的一切数字产品。

所谓HTML是“超文本标记语言”的英文缩写。

HTML5有两大特点：

首先，强化了Web网页的表现性能。

其次，追加了本地数据库等Web应用的功能。

HTML5的设计目的是为了在移动设备上支持多媒体。

新的语法特征被引进以支持这一点，如video、audio和canvas标记。

HTML5还引进了新的功能，可以真正改变用户与文档的交互方式！

H5单页就是把企业信息做成一个长页面，能够自动适应各种移动终端设备，

通过二维码或者转发链接，可以让用户更直观的参与体验互动，单页可以包括：

企业信息，企业活动，企业图片、视频、地图、企业宣传，活动传播，企业会议报名，企业产品链接等多个模块，是一种新型的移动媒体广告模式

工具/原料

·

企业信息、图片、视频、内容方案等在制作H5单页时所需要用到的素材。

·

制作方法步骤

一、开始使用

1、选择H5模板

XX一下搜到网进入搜到网站后注册账号并登录后，在会员中心控制台，可以直接选择模板使用，模板按行业和用途进行分类模板分为两种，旧模板和新模板，两种模板操作方式不同，这里以下的所有内容都是新模

以，如果要改变文字格式，在编辑时选中要修改的文字，可以任意设置文字大小和字体样式并且可以添加链接。

注意：

在编辑时如果对文字设置了大小或样式，有可能会影响展示效果

A、修改图片

图片的编辑和文字一样，鼠标经过图片会显示编辑按扭，会弹出：

编辑图片：

调用美图秀秀的API进行图片编辑，效果很炫的哦~~，编辑完成后记得点击“保存与分享--->保存图片”

如果不想编辑了，就点弹出层外的空白处就会关闭了。

上传图片：

会进入图片库，图库中包括，上传图片、系统图库和我的图库。

系统图库是网站提供的可以使用的图片。

我的图库是用户自己上传过的图片，可以分组管理，编辑图片保存过的图片也会在这里显示。

B、列表类版块编辑

C、备用

2、版块操作

A、简介

在页面版块区，会显示所有已使用的组件（不包括头部和底部），拖动

位置可以对组件进行排序。

点击

可以对组件进行设置。

B、添加&删除版块

点击添加版块按钮滑出

点击想要使用的版块，版块就会添加到编辑区的最底部，可以通过拖动排序来更换位置。

在版块列表区，可以通过点击设置按扭，进里边进行版块删除。

C、版块设置

在版块设置中可进行修改版块名称、是否显示在导航条、复制和删除版块等操作。

D、公共版块

公共版块分为免费和付费的两种，现系统测试期，全部免费使用。

E、我的版块

在编辑区，可以通过点击版块工具栏上的

按钮保存到我的版块。

我的版块的组件可以方便重复使用。

F、备用

3、头部和底部

4、主题

为了方便使用提供了几套常用的主题方便用户使用，可以一键更改每个版块的背景色、字体和排版等设置，目前该功能还在试用中。

设置导航的背景色或背景图片

设置是否显示导航条

设置是否显示网站底部页脚

5、备用

一、发布项目

这样，利用搜到网H5单页自带编辑器就可以简单快捷的做出一个完好的作品啦。

快去试试吧。