“视频里出现一双鞋，能不能点一下就跳到购买链接？聊天里能不能插入展示页？”

iH5是一个完全可视化的HTML5应用编辑工具，它能抽离H5技术的底层代码逻辑，归并为“拖拽”“单击”等可视化操作，改变了HTML5的生产方式。

“如今要渲染一张图片，你还会写代码吗？不，你会打开Photoshop。而编辑H5页面，你打开的就是iH5。”

iH5界面、使用逻辑和功能都像极了Photoshop

目前，iH5提供“在线编辑云平台”的免费、付费账户，并导流给模板交易、外包服务两个平台。前者还在扩大规模，后者固定抽成20%。配套技能培训业务“iH5学院”则积累了2万名学员。

H5并非只能做营销，而是一个通用的编程平台。每次有人问，你们和易企秀有什么区别？

“用iH5，你可以做一个易企秀。”

所以，今天想跟大家分享一下：iH5制作教程。内容比较浅显易懂，适合想接触iH5的新手。

iH5是一款HTML5设计工具，能够设计制作出PPT、应用原型、数字贺卡、相册、简历、邀请函、广告视频等多种类型的交互内容。

一、注册后开始制作

对于刚开始使用iH5的用户来说，首先是注册一个账户，才能登陆官网平台进行相关的操作。这个比较简单，用户可以自行去注册。

1. 观看教学视频

   对于初学者，专门设有教学视频区域，里面有对iH5各功能运用的详细讲解。我们点击右下角的教学视频，选择相应的教学视频进行观看学习，轻松上手。

2. 使用模板

   在观看完教学视频，有初步认识后，可以开始制作H5了。由于是新手，各方面都不太熟练，这个时候，我们可以使用一些优秀的模板，然后修改模板的内容元素，进而改编成自己的作品。

3. 官网上有海量的精美而且免费的H5模板，可以根据自己需求进行选择。例如我们需要制作一个企业招聘作品，我们先选择上方栏目的【招聘】，然后鼠标点击【限时免费】按钮，在弹出的窗口点击确定即可。

   提示下载完成后，点击个人主页栏进入个人主页，就可以看到我们刚才下载的婚礼邀请函模板，把鼠标移动到模板处，点击左上角的编辑按钮。

   接下来，进入到编辑页面，我们可以进行背景图片更换、添加或修改文字等一系列操作，瞬间把模板变成自己的作品！

二、关于V币

细心的用户会留意到，某些模板上是没有显示【限时免费】，而是显示类似1V币的字样，是因为某些更为惊艳的模板是设计师精心设计而成，因此想要使用这类更为惊艳的模板需要支付一定的V币。想要充值V币，可以点击右上角个人主页栏目的小箭头，在窗口中点击充值即可对账户进行V币充值。

1. 初学进阶，自己创作iH5作品

   我们可以从主页右下角看到新建案例按钮，接着点击创建即可进入新作品的编辑页面。

   进入编辑器页面后，你会看到系统默认弹出一系列可供导入的热门模板案例，里面涉及的功能运用更为广泛，如果不想用热门模板案例，点击关闭即可，根据自己在教学视频学到的知识，一步步编辑以完成H5创作。

三、作品预览、发布及分享

在完成H5作品创作后，点击预览按钮，就可以对H5进行预览了。发布作品只需点击【发布】按钮，在弹出的窗口填写好相应的信息，即可完成作品发布。

在发布成功后，可把作品分享给朋友。我们返回个人主页，选择【已发布】，进入已发布的作品栏目，将鼠标移至作品处，点击右上角的分享按钮，在弹出的窗口复制作品链接、保存作品二维码，再把链接或者二维码分享给朋友即可。