h5如何制作

H5是html5的缩写，是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修来改。

制作H5页面的方法：

1、首先在电脑中安装H5的制作软件，以WPS为例，点击打开WPS H5软件。

2、进入H5的制作页面后可以自选择一种模板作为制作的基础样式。

3、点击需要的模板后点击其右侧的“zhidao立即使用”按钮。

4、点击后即可进入编辑页面，可以点击上方工具栏中的“文本、形状、图片、表单、背景”选项。

5、还可以设置“互动、音乐、图表、动画”的相关选项。

6、设置制作完毕后可以点击右上角的“预览/发布”按钮进行保存及发布。

在HTML5之前的时代，如果需要在客户端本地保存数据，只能存储在Cookie中，但是 Cookie使用过多会影响请求速度 ，所以并不适合存储大量数据。

而在HTML5面世后，自带了本地存储和本地数据库功能，更为便捷的管理客户端数据。

HTML5提供了一个 基于浏览器端的数据库 （WebSQL 、IndexedDB），我们可以通过JS API来在浏览器端创建一个本地数据库，而且它还支持标准的SQL来执行CRUD *** 作。

如何查看本地的数据库呢？通过各个 浏览器的调试工具 可以查看。

在HTML5中 *** 作本地数据库都是通过JS API来实现的，很简单，步聚如下：

1、通过 openDatabase 创建数据库对象

2、通过 db.transaction 设置回调函数

3、通过 executeSql 方法执行查询

HTML5默认情况下是无法连接远程数据库的，一般都是通过API去 *** 作数据库。比如当下流行的前后端完全分离，借助的就是RESTful来实现业务数据的CRUD *** 作。

怎么会问这个问题，HTML是不可能链接数据库的，他是标签类语言，是用于构建静态页面的，要想链接数据库必须得支持网络通信和IO的，显然HTML并没有支持，HTML只是用来设计页面的。

我还以为我落伍了，h5连数据库

选择模板先

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

进入制作平台

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

文字

1、功能定义：用于展示文字内容，通过修改文字的显示属性，可以生成各式各样的显示效果。

2、 *** 作方法：点击右侧的文字选项，编辑面板的右上角会出现文字输入框，双击输入框可以修改文字内容；修改右侧的属性选项，可以改变文字的显示样式。

3、属性说明：

1）字体：改变文字的字体，提供的是兔展数据库的字体，非电脑本地字体。

2）字号：修改文字的显示大小。

3）行距：修改两行文字间的间距。

4）调色板：修改文字颜色。

5）宽度：修改文字输入框的宽度，单位像素。

6）高度：修改文字输入框的高度，单位像素。

7）透明度：修改文字的透明度，100%为不透明，0%为全透明。

8）旋转：调整文字与水平线的夹角，正数为顺时针旋转，负数为逆时针旋转。

图片

1、功能解释：用于显示图片，通过修改图片的显示属性，可以改变图片的大小、透明度、角度等。

2、 *** 作方法：

1）激活功能：点击右侧的图片选项，编辑面板的右上角会出现兔展的logo图片。

2）上传新图片：点击属性栏中的上传按钮，上传本地电脑中的图片进入替换。

3）图片库中的图片：如果之前已经上传过图片，可以从图片库中选择需要显示的图片。

4）截图：按住鼠标左键拖动选择图片区域，然后点击截图按钮或者双击选中的图片区域，便可以裁剪出选中的图片区域。

3、属性说明：

1）宽度：修改图片的宽度。

2）高度：修改图片的高度。

3）原比例：此选项打上勾好，图片的宽度和高度将按照图片原来的比例显示，修改其中的一个数值，另外一个数值会除之改变。

4）透明度：修改图片的透明度，100%为不透明，0%为全透明。

5）旋转：调整图片与水平线的夹角，正数为顺时针旋转，负数为逆时针旋转。

按钮

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

2、 *** 作方法：点击右侧的按钮选项，编辑面板的右上角会出现文字输入框；修改右侧的属性选项，可以改变按钮的参数和样式。

3、属性说明：

1）文字：修改按钮上显示的文字。

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

3）填充色：按钮上的背景颜色。

4）边框色：按钮的边框颜色。

5）形状-边框：修改边框的宽度，“0”代表按键无边框。

6）边框-圆角：修改边框边角的圆润程度，数值越大，按钮边角越圆润。

7）宽度：修改按钮的宽度。

8）高度：修改按钮的高度。

9）透明度：修改按钮的透明度，100%为不透明，0%为全透明。

10）旋转：调整按钮与水平线的夹角，正数为顺时针旋转，负数为逆时针旋转。

表单

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

2、 *** 作方法：点击右侧的表单选项，d出新建表单窗口，对表单内容进入添加。

3、属性说明：

1）表单标题：添加表单的标题。

2）行标题：添加表单的行标题。

3）按钮内容：添加按钮的显示文字。

---