iH基础教程HTML编辑器介绍.docx

iH5 基础教程：基础教程：HTML5 编辑器介绍编辑器介绍一、一、公司介绍公司介绍 iH5 是国际领先的 HTML5 制作工具和服务平台，你可以使用 iH5 轻松制作具有 丰富动态效果的 HTML5 网页应用，可视化操作界面，无需编程基础二、二、网站结构网站结构1、 注册登录页面填写信息注册账号或点击右上角进入登录页面2、ih5 首页（1）作品推荐 点击封面可查看作品，点击左上角可收藏此作品，点击右上角可获得作品二维 码与作品链接，点击关注可关注作品的作者查看作品时，点击右上角可全屏观看，还可以关注作者或联系作者关注的设 计师会出现在首页目录系统消息之下点击精品模板，可以按分类查看模板，点击下载按钮可下载模板，下载后将保 存到您的个人主页下面，下载付费模板需充值 V 币，模板下载后不能另存为或 再次发布成为模板2）学习使用 点击首页右下角学习使用按钮，可进入教学页面按基础篇、初级篇、中级篇、 高级篇查看教学视频，也可以功能/应用详解3）新建案例 点击右下角新建案例或点击首页左上角帐户名进入个人页面，可以创建新的案例，进入编辑器页面4）账户信息 点击首页右上角帐户名可进入个人页面，查看作品，点击点击首页右上角帐户 名旁边的下拉箭头可查看账户信息、充值 V 币和付费服务。

点击组件服务的升级按钮，可查看付费服务详情5）编辑与发布逻辑 作品编辑以及发布功能新增“编辑中”和“已发布”模块新建作品并保存后，可以在“编辑中”模块中对作品进行修改，只有在编辑页面中点击“发布”按 钮后，作品才会被保存在“已发布”模块中，同时也只有发布后的作品才能获 取分享链接与二维码值得注意的一点是，发布后的作品是无法取消发布和修 改的，但“编辑中”模块里会有一个与之相对应的作品，只要对其进行修改并 发布就可以更新发布后的作品啦（但如果仅仅保存， “发布后”中作品的内容的 是不会被更替的）三、三、iH5 的作用的作用四、四、编辑器介绍编辑器介绍1、 菜单栏（1） 舞台放缩：舞台放缩：“放缩”用于放缩舞台的显示大小显示比率分 别可以将舞台缩放到 50%、60%、70%、80%、90%、100%、110%、120%，当舞台 大于页面可现实范，围时，可以缩小舞台显示大小，查看整 体效果2） 撤销：撤销：撤销按钮用来撤销你在 iH5 编辑器中的上一步操作3） 恢复：恢复：恢复按钮可以恢复已撤销的操作4） 历史：历史：历史窗口记录了你打开编辑器后每一步的操作，您可 以通过双击任意一个过往操作步骤来回到该操作步骤，即这 个选中的操作步骤之后的所有操作都会被撤销。

如果你希望 回到本次编辑之前的案例状态，可以直接双击在历史窗口的 第一条记录“初始化” 5） 隐藏隐藏/显示基准线：显示基准线：基准线是舞台上的辅助线，用于对齐素材， 有横线与竖线，可通过拖曳出来产生多条基准线，或拖曳回 去收起基准线点击“隐藏/显示基准线”按钮，可隐藏或显 示舞台上所有的基准线6） 预览：预览：点击“预览”按钮，会打开一个新的网页来播放您的 案例每次预览您的案例时，系统都会自动保存案例，并生 成一个独立的版本 ID，即每次预览案例时，版本 ID 都是不一 样7） 保存：保存：保存当前状态下案例每次保存案例后，系统都会自 动生成一个独立的版本 ID 以对应当前的案例版本8） 另存为：另存为：“另存为”选项将在将在您的案例库中创建一个当 前案例的副本，您需要进一步填写案例副本的标题、描述9） 预览专用二维码：预览专用二维码：点击“预览专业二维码”按钮，会弹出一 个二维码，用扫此二维码，可以中观看作品10）发布：发布：发布选项用来设定和修改当前案例的基本信息，包括标题，介 绍，分享的封面小图，和 iH5 平台里的封面图，上传的图片建议 200*200 像素，还有优化功能，可以把案例里图片冗余的像素减掉，提高案 例的播放速度。

优化生效后无法恢复建议先另存为一个新作品再进行优化 操作优化是针对整个作品进行图片像素的优化发布作品里可把作品发布 为模板，并且可以为模板定价已发布作品的界面中，点击封面右上角分享 按钮，可获取作品的分享二维码和短链接等信息，修改作品不会改变短链接 封面左下角可以看到您的作品被浏览过的总次数已发布：作品编辑以及发布功能新增“编辑中”和“已发布”模块新建作 品并保存后，可以在“编辑中”模块中对作品进行修改，只有在编辑页面中 点击“发布”按钮后，作品才会被保存在“已发布”模块中，同时也只有发 布后的作品才能获取分享链接与二维码值得注意的一点是，发布后的作品 是无法取消发布和修改的，但“编辑中”模块里会有一个与之相对应的作品， 只要对其进行修改并发布就可以更新发布后的作品啦（但如果仅仅保存， “发布后”中作品的内容的是不会被更替的） 11） 自动保存：自动保存：自动保存默认是不开启的，开启后每 10 分钟自动保存一次，自动保存的时候会打断编辑，和手动保存一样，保存的时候 不能编辑12）LOGO：：付费服务，可修改加载页 LOGO设置加载延时，背景颜色， 可替换加载图片小齿轮齿轮，与“iH 提供零代码制作”字样。

logo 图片 以中心对齐，建议不要修改其他参数加载图片 1 为中心位置，即默认加载 页面的齿轮位置，加载图片 2 处于页面下方，即默认“iH 提供零代码制 作”字样的位置若加载图片 1 是满屏图片时，会覆盖加载图片 212） 更换资源：更换资源：作者自行标记的资源可被更换，对象树里的页面，点右 键，设为结构，把页面里的图片等资源，点右键设为资源13）帮助：帮助：点击“帮助”按钮，您可以直接进入 iH5 用户手册获得帮助。