iH5基础教程：HTML5编辑器介绍
一、 公司介绍
iH5是国际领先的HTML5制作工具和服务平台，你可以使用iH5轻松制作具有丰富动态效果的HTML5网页应用，可视化操作界面，无需编程基础。
二、 网站结构
1、 ih5注册登录页面
填写信息注册账号或点击右上角进入登录页面。
2、 ih5首页
（1） 作品推荐
点击封面可查看作品，点击左上角可收藏此作品，点击右上角可获得作品二维码与作品链接，点击关注可关注作品的作者。
查看作品时，点击右上角可全屏观看，还可以关注作者或联系作者。关注的设计师会出现在首页目录系统消息之下。
点击精品模板，可以按分类查看模板，点击下载按钮可下载模板，下载后将保存到您的个人主页下面，下载付费模板需充值V币，模板下载后不能另存为或再次发布成为模板。
（2） 学习使用
点击首页右下角学习使用按钮，可进入教学页面。按基础篇、初级篇、中级篇、高级篇查看教学视频，也可以功能/应用详解。
（3） 新建案例
点击右下角新建案例或点击首页左上角帐户名进入个人页面，可以创建新的案例，进入编辑器页面。
（4） 账户信息
点击首页右上角帐户名可进入个人页面，查看作品，点击点击首页右上角帐户名旁边的下拉箭头可查看账户信息、充值V币和付费服务。
点击组件服务的升级按钮，可查看付费服务详情。
（5） 编辑与发布逻辑
作品编辑以及发布功能新增“编辑中”和“已发布”模块。新建作品并保存后，可以在“编辑中”模块中对作品进行修改，只有在编辑页面中点击“发布”按钮后，作品才会被保存在“已发布”模块
中，同时也只有发布后的作品才能获取分享链接与二维码。值得注意的一点是，发布后的作品是无法取消发布和修改的，但“编辑中”模块里会有一个与之相对应的作品，只要对其进行修改并发布就可以更新发布后的作品啦（但如果仅仅保存，“发布后”中作品的内容的是不会被更替的）
三、 iH5的作用
四、 编辑器介绍
1、 菜单栏
（1） 舞台放缩：“放缩”用于放缩舞台的显示大小。显示比率分别可以将舞台缩放到50%、6
0%、70%、80%、90%、100%、110%、120%，当舞台大于页面可现实范，围时，可以缩小舞台显示大小，查看整体效果。
（2） 撤销：撤销按钮用来撤销你在iH5编辑器中的上一步操作。
（3） 恢复：恢复按钮可以恢复已撤销的操作。
（4） 历史：历史窗口记录了你打开编辑器后每一步的操作，您可以通过双击任意一个过往操作步骤来回到该操作步骤，即这个选中的操作步骤之后的所有操作都会被撤销。如果你希望回到本次编辑之前的案例状态，可以直接双击在历史窗口的第一条记录“初始化”。
（5） 隐藏/显示基准线：基准线是舞台上的辅助线，用于对齐素材，有横线与竖线，可通过拖曳出来产生多条基准线，或拖曳回去收起基准线。点击“隐藏/显示基准线”按钮，可隐藏或显示舞台上所有的基准线。
（6） 预览：点击“预览”按钮，会打开一个新的网页来播放您的案例。每次预览您的案例时，系统都会自动保存案例，并生成一个独立的版本ID，即每次预览案例时，版本ID都是不一样。
（7） 保存：保存当前状态下案例。每次保存案例后，系统都会自动生成一个独立的版本ID以对应当前的案例版本。
（8） 另存为：“另存为”选项将在将在您的案例库中创建一个当前案例的副本，您需要进一步填写案例副本的标题、描述。
html首页制作（9） 预览专用二维码：点击“预览专业二维码”按钮，会弹出一个二维码，用手机扫此二维码，可以手机中观看作品。
（10）发布：发布选项用来设定和修改当前案例的基本信息，包括标题，介绍，分享的封面小图，和iH5平台里的封面图，上传的图片建议200*200像素，还有优化功能，可以把案例里图片冗余的像素减掉，提高案例的播放速度。优化生效后无法恢复。建议先另存为一个新作品再进行优化操作。优化是针对整个作品进行图片像素的优化。发布作品里可把作品发布为模板，并且可以为模板定价。已发布作品的界面中，点击封面右上角分享按钮，可获取作品的分享二维码和短链接等信息，修改作品不会改变短链接。封面左下角可以看到您的作品被浏览过的总次数。
已发布：作品编辑以及发布功能新增“编辑中”和“已发布”模块。新建作品并保存后，可以在“编辑中”模块中对作品进行修改，只有在编辑页面中点击“发布”按钮后，作品才会被保存在“已发布”模块中，同时也只有发布后的作品才能获取分享链接与二维码。值得注意的一点
是，发布后的作品是无法取消发布和修改的，但“编辑中”模块里会有一个与之相对应的作品，只要对其进行修改并发布就可以更新发布后的作品啦（但如果仅仅保存，“发布后”中作品的内容的是不会被更替的）。
（11） 自动保存：自动保存默认是不开启的，开启后每10分钟自动保存一次，自动保存的时候会打断编辑，和手动保存一样，保存的时候不能编辑。
（12）LOGO：付费服务，可修改加载页LOGO。设置加载延时，背景颜，可替换加载图片小齿轮齿轮，与“iH5提供零代码制作”字样。logo图片以中心对齐，建议不要修改其他参数。加载图片1为中心位置，即默认加载页面的齿轮位置，加载图片2处于页面下方，即默认“iH5提供零代码制作”字样的位置。若加载图片1是满屏图片时，会覆盖加载图片2。
（12） 更换资源：作者自行标记的资源可被更换，对象树里的页面，点右键，设为结构，把页面里的图片等资源，点右键设为资源。
（13）帮助：点击“帮助”按钮，您可以直接进入iH5用户手册获得帮助。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。