iH5基础教程：HTML5编辑器介绍.docx

iH5基础教程：HTML5编辑器介绍

公司介绍
iH5是国际领先的HTML5制作工具和服务平台，你可以使用iH5轻松制作具有丰富动态效果的HTML5网页应用，可视化操作界面，无需编程基础。

网站结构
ih5.cn注册登录页面
填写信息注册账号或点击右上角进入登录页面。

ih5首页

作品推荐
点击封面可查看作品，点击左上角可收藏此作品，点击右上角可获得作品二维码与作品链接，点击关注可关注作品的作者。

查看作品时，点击右上角可全屏观看，还可以关注作者或联系作者。关注的设计师会出现在首页目录系统消息之下。

点击精品模板，可以按分类查看模板，点击下载按钮可下载模板，下载后将保存到您的个人主页下面，下载付费模板需充值V币，模板下载后不能另存为或再次发布成为模板。

学习使用
点击首页右下角学习使用按钮，可进入教学页面。按基础篇、初级篇、中级篇、高级篇查看教学视频，也可以功能/应用详解。

新建案例
点击右下角新建案例或点击首页左上角帐户名进入个人页面，可以创建新的案例，进入编辑器页面。

账户信息
点击首页右上角帐户名可进入个人页面，查看作品，点击点击首页右上角帐户名旁边的下拉箭头可查看账户信息、充值V币和付费服务。

点击组件服务的升级按钮，可查看付费服务详情。

编辑与发布逻辑
作品编辑以及发布功能新增“编辑中”和“已发布”模块。新建作品并保存后，可以在“编辑中”模块中对作品进行修改，只有在编辑页面中点击“发布”按钮后，作品才会被保存在“已发布”模块中，同时也只有发布后的作品才能获取分享链接与二维码。值得注意的一点是，发布后的作品是无法取消发布和修改的，但“编辑中”模块里会有一个与之相对应的作品，只要对其进行修改并发布就可以更新发布后的作品啦（但如果仅仅保存，“发布后”中作品的内容的是不会被更替的）

iH5的作用

编辑器介绍

菜单栏

舞台放缩：“放缩”用于放缩舞台的显示大小。显示比率分别可以将舞台缩放到50%、60%、70%、80%、90%、100%、110%、120%，当舞台大于页面可现实范，围时，可以缩小舞台显示大小，查看整体效果。

撤销：撤销按钮用来撤销你在iH5编辑器中的上一步操作。

恢复：恢复按钮可以恢复已撤销的操作。

历史：历史窗口记录了你打开编辑器后每一步的操作，您可以通过双击任意一个过往操作步骤来回到该操作步骤，即这个选中的操作步骤之后的所有操作都会被撤销。如果你希望回到本次编辑之前的案例状态，可以直接双击在历史窗口的第一条记录“初始化”。

隐藏/显示基准线：基准线是舞台上的辅助线，用于对齐素材，有横线与竖线，可通过拖曳出来产生多条基准线，或拖曳回去收起基准线。点击“隐藏/显示基准线”按钮，可隐藏或显示舞台上所有的基准线。

预览：点击“预览”按钮，会打开一个新的网页来播放您的案例。每次预览您的案例时，系统都会自动保存案例，并生成一个独立的版本ID，即每次预览案例时，版本ID都是不一样。

保存：保存当前状态下案例。每次保存案例后，系统都会自动生成一个独立的版本ID以对应当前的案例版本。

另存为：“另存为”选项将在将在您的案例库中创建一个当前案例的副本，您需要进一步填写案例副本的标题、描述。

预览专用二维码：点击“预览专业二维码”按钮，会弹出一个二维码，用手机扫此二维码，可以手机中观看作品。

（10）发布：发布选项用来设定和修改当前案例的基本信息，包括标题，介绍，微信分享的封面小图，和iH5平台里的封面图，上传的图片建议200*200像素，还有优化功能，可以把案例里图片冗余的像素减掉，提高案例的播放速度。优化生效后无法恢复。建议先另存为一个新作品再进行优化操作。优化是针对整个作品进行图片像素的优化。发布作品里可把作品发布为模板，并且可以为模板定价。已发布作品的界面中，点击封面右上角分享按钮，可获取作品的分享二维码和短链接等信息，修改作品不会改变短链接。封面左下角可以看到您的作品被浏览过的总次数。

已发布：作品编辑以及发布功能新增“编辑中”和“已发布”模块。新建作品并保存后，可以在“编辑中”模块中对作品进行修改，只有在编辑页面中点击“发布”按钮后，作品才会被保存在“已发布”模块中，同时也只有发布后的作品才能获取分享链接与二维码。值得注意的一点是，发布后的作品是无法取消发布和修改的，但“编辑中”模块里会有一个与之相对应的作品，只要对其进行修改并发布就可以更新发布后的作品啦（但如果仅仅保存，“发布后”中作品的内容的是不会被更替的）。

自动保存：自动保存默认是不开启的，开启后每10分钟自动保存一次，自动保存的时候会打断编辑，和手动保存一样，保存的时候不能编辑。

（12）LOGO：付费服务，可修改加载页LOGO。设置加载延时，背景颜色，可替换加载图片小齿