HTML5移动开发近年来在Web前端开发界如此火爆,它究竟具有哪些其他前端语言所不具备的优势呢,下面就让蓝鸥大连HTML5培训的专家老师为同学们分析HTML5平台中的基础工具类平台都具有哪些出彩的特点。

  基础工具类平台

  基础工具类HTML5平台提供底层交互型产品,开发目的、设计原理和实现思路都以交互为基础,国内只有iH5。

  iH5原名为VXPLO互动大师,提供HTML5制作工具、工具培训和作品交易等服务,新网站于2015年9月上线,主要面向企业用户。它本质上封装了DOM(文档对象模型)引擎的一个集成开发环境,使用者以设计师为主,适合广告公司、大型媒体公司和公司市场部等使用。

图3 iH5的桌面编辑工具界面

  和展示应用类HTML5平台相似,iH5的桌面工具也是PC端网站,以可视化编辑为主并提供HTML5源码,但架构上更接近于设计软件和开发软件的结合。如图3所示,分区设置体现了基础工具类HTML5平台的三个重要特征:

  (1)基本结构为DOM,体现工具思路以交互为主。

  通过“对象树”把对象作为一个个结点进行管理,对象就是资源管理和页面编辑的基本单元,因此能提供多元化的交互方法。但这也意味着工具使用过程中需要培养编程思维,含有一定学习成本。

  (2)工具以对象组件为主,表示可拓展性较强。

  iH5平台工具栏提供的是舞台、屏幕、页面、多媒体素材、事件、数据库等对象组件,而不是构建好的模块组件。这些对象近似于HTML5标准中的各个元素,通过设置这些对象的属性,即对各元素的参数进行规定。

  (3)输出区同时作为编辑区,对资源处理过程进行可视化。

  在输出工作台上可以对图片、视频和网页等素材进行尺寸、位置的简单编辑,完成一定的可视化操作,但编辑主要依赖于参数区的属性设置。

  在提供可视化编辑的前提上,iH5最大程度还原了HTML5页面的开发过程,具有较高的拓展性。由于提供底层交互功能,它的应用领域较广泛,能用于微信推广、网站建设、轻游戏设计、轻APP开发和视频交互等多个方面。