现阶段Web程序界面的开放模式为单页面以及多页面, 对于Web富客户端网页而言, 从用户操作以及维护开发角度而言, 基于HTML5的Web富客户端页面开放应该选用单页面, 从而为用户提供更为简...
现阶段Web程序界面的开放模式为单页面以及多页面, 对于Web富客户端网页而言, 从用户操作以及维护开发角度而言, 基于HTML5的Web富客户端页面开放应该选用单页面, 从而为用户提供更为简单的操作以及开发维护服务。单页面开发模式可以利用弹出层实现增添或者是修改操作, 比起多页面应用的页面挑战而言, 可以更快速、简洁地完成各项操作, 降低操作的复杂性, 提高友好度;再者单页面模式能够便于开发及维护, 多个区域的功能进行更新以及避免区域功能受到子页面过多的影响出现假死状态, 不利于用户操作。
Web定制网站一共有七个区域功能:一是客户和登录用户信息区, 有上下两部分组成, 上部分主要是用文字或者是图片展示系统中的客户信息, 下部分则是对用户登录的欢迎信息, HTML5在这部分主要是利用其富Web的实现特性, 将动画、文字以及图片, 通过网页结构的革新, 优质内容表现;二是系统标题栏区, HTML5中的一整套新元素可以实现标题联合使用, 利用标题级别标记嵌套章节设置区域的内容, 可以通过与audio和video调整实现其动静态之间的标题转变;三是报警信息显示区, 可以自由配置文字、滚动速度以及显示条数;四是常用功能区, 主要是用于密码修改、用户注销或者是主题切换;五是组织机构树形菜单区, 主要是通过各级部门之间的所属关系以及功能, 将部门以树形的方式展现, 便于用户信息查询以及功能了解, 对用户所属部门进行详细解释;六是主菜单以及二级菜单, 基于HTML5的Web富客户端网页设计中选择时的Tab菜单模式, 针对系统的各个模块设置Tab菜单项, 将各个操作作为每个Tab项的二级菜单, 通过工具栏对子模块的页面操作进行集中, 这样就能够在每个二级菜单点击过程中, 打开相应的子模块页面, 便于用户进行选择、操作;七是应用区的设计, 是基于HTML5的Web富客户端网页设计的重点, 本身应用器是系统子模块的功能展示操作区, 所以在设计中需要将单独的HTML页面与浮动框架进行绑定, 点击不同的子模块除却移除上一个子模块的浮动框架以外, 还要显示本身的子模块的浮动框架, 一是避免一个主页面挂靠多个子页面, 二是提高系统常用功能体现速度以及效果, 三是要实现这三个功能的优化服务:顶部面板中要包括常用功能以及报警信息显示区;左部部门树面板要实现上下级部门节点的联动, 为用户提供全面的信息搜索以及选择模型;Tab菜单面板的要展现主菜单栏、副菜单栏以及客户区, 一是为简化页面的结构, 便于用户功能浏览选择, 二是要实现子页面的及时载入及移除, 提高前台部分的系统权限控制, 提高用户在各个页面切换的速度。
综上所述, 基于HTML5新特性能够降低浏览器插件的需求, 从而提高了网络应用的实现效果, 在网页上展现更多的媒体元素, 并且以优质的响应机制提高页面的响应速度, 所以基于HTML5新特性对Web富客户端网页设计, 可以提高Web富客户端网页的功能展现, 为用户提供更为优质的体现与服务。
