怎么在ih5中加入html,iH5是如何“生产”H5的

上篇我们简单介绍了H5，它并不是微信中打开的音乐相册，而是一种新的网页形式，其功能媲美各种手机和PC中的应用。在这一篇中，我们来简单介绍一下iH5工具，以及它“生产”一个H5的基本原理。同时，我们还将从零开始制作一个弹珠游戏，让大家初步感受一下制作一个H5的过程。

H5的三个组成部分

我们先来回顾一下上篇中讲的H5的构成：

这里我们先不管那些HTML，CSS，JS具体是什么鬼，只需要了解，一个H5，可以分为骨架，外观细，以及功能这三部分。

相应的，我们制作一个H5，也可以大致分为三个步骤：搭建骨架、设置外观和细节、添加功能。

第一步：搭建骨架

先看一下iH5工具的基本界面：

最右边，是对象树，它就是一个H5的骨架了。对象树中，包括各种构成H5的各种元素，比如，图片、视频、序列帧等素材元素，页面、对象组等容器元素，以及时间轴、数据库等功能性元素。这些元素，便是构成H5骨架