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、操作方法：点击右侧的表单选项，弹出新建表单窗口，对表单内容进入添加。

3、属性说明：

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

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

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

1、创建作品：登陆账号，在“动画作品”→“我的作品”页面点击“创建作品”进入一个新的操作页面。

2、上传素材：在媒体栏内选择“图片”按钮，弹出“上传图片”对话框，点击“选择文件”，打开素材所在的文件夹，选择所要上传的图片。

3、点击“上传”按钮，上传所选图片。上传成功后，点击“选择”按钮，将图片成功放置舞台，作为作品背景。

4、注：上传成功后的素材可在“媒体库”中找到。点击“素材库”按钮，在弹出的“媒体库”对话框中，“私有”菜单下的“default”文件夹即是存储新上传素材位置。同时，也可在“媒体库”中点击“+”标志上传新素材。

5、添加素材：在“媒体库”中找到图片素材，点击“添加”按钮添加至舞台。

6、调整素材：点击选择“变形”工具，调整舞台上素材的大小与位置。

制作办法：先准备H5的制作工具－然后，以IH5为例，要注册一个账号－接着，注册完毕－然后，点击创建作品，选择电脑版－接着，在编辑窗口中，插入图片图标并选择图片、上传，在里面操作即可。

制作具体办法如下：

1、首先，准备一个H5的制作工具，自行在百度搜索一下，这里以IH5为例，先注册一个账号，如下图所示。

2、然后，在注册的页面中，填写手机号、密码等信息后登录账号，如下图所示。

3、接下来，在主页上，单击“创建新工作”，如下图所示。

4、然后，选择电脑版，点击创建作品，如下图所示。

5、接着，在编辑窗口的左侧，单击“插入图片”图标，选择图片并上传，如下图所示。

6、然后，显示图片，点击窗口左侧的事件图标，如下图所示。

7、接下来，在弹出的对象框中，勾选图片和事件1即可，如下图所示。

8、然后，在触发条件选择点，目标对象选择图片，目标动作选择振动，时间选择3秒，如下图所示。

9、接着，单击窗口顶部的“保存”图标。输入作品的标题和简介，如下图所示。

10、最后，这时，就可以查看作品完成的作品了，如下图所示。

注意事项：

在事件的页面中，一定要记得目标对象选择图片，目标动作选择震动，时间选择3秒，否则，下面的操作无法进行了。