多语言展示
当前在线:972今日阅读:23今日分享:31

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

现在H5页面,游戏的火爆,也逐渐细分出了H5页面制作的一个职业,接下来的时间,我就来和大家一起来学习一下如何用iH5制作出精美的作品,首先咱们先来了解一下HTML5编辑器。
工具/原料

iH5

方法/步骤
1

一、 网站结构1、 注册登录页面填写信息注册账号或点击右上角进入登录页面2、 ih5首页(1) 作品推荐点击封面可查看作品,点击左上角可收藏此作品,点击右上角可获得作品二维码与作品链接,点击关注可关注作品的作者查看作品时,点击右上角可全屏观看,还可以关注作者或联系作者。关注的设计师会出现在首页目录系统消息之下。点击精品模板,可以按分类查看模板,点击下载按钮可下载模板,下载后将保存到您的个人主页下面,下载付费模板需充值V币,模板下载后不能另存为或再次发布成为模板(2) 学习使用点击首页右下角学习使用按钮,可进入教学页面。按基础篇、初级篇、中级篇、高级篇查看教学视频,也可以功能/应用详解。(3) 新建案例点击右下角新建案例或点击首页左上角帐户名进入个人页面,可以创建新的案例,进入编辑器页面。(4) 账户信息点击首页右上角帐户名可进入个人页面,查看作品,点击点击首页右上角帐户名旁边的下拉箭头可查看账户信息、充值V币和付费服务。点击组件服务的升级按钮,可查看付费服务详情(5) 编辑与发布逻辑作品编辑以及发布功能新增“编辑中”和“已发布”模块。新建作品并保存后,可以在“编辑中”模块中对作品进行修改,只有在编辑页面中点击“发布”按钮后,作品才会被保存在“已发布”模块中,同时也只有发布后的作品才能获取分享链接与二维码。值得注意的一点是,发布后的作品是无法取消发布和修改的,但“编辑中”模块里会有一个与之相对应的作品,只要对其进行修改并发布就可以更新发布后的作品啦(但如果仅仅保存,“发布后”中作品的内容的是不会被更替的)

2

iH5的作用

3

编辑器介绍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。设置加载延时,背景颜色,可替换加载图片小齿轮齿轮,与“iH5.cn提供零代码制作”字样。logo图片以中心对齐,建议不要修改其他参数。加载图片1为中心位置,即默认加载页面的齿轮位置,加载图片2处于页面下方,即默认“iH5.cn提供零代码制作”字样的位置。若加载图片1是满屏图片时,会覆盖加载图片2(13) 更换资源:作者自行标记的资源可被更换,对象树里的页面,点右键,设为结构,把页面里的图片等资源,点右键设为资源。 (14)帮助:点击“帮助”按钮,您可以直接进入iH5用户手册获得帮助

推荐信息