web界面设计总结[转]
第一,对界面模型认识的提升界面的基本单位是page,在web应用是,是由一个个的page,以及page之间的关系组成的。
Page之间的流转有以下几种模式:页面流转模式、页面栈模式、非模态对话框模式。
页面流转模式:这是web应用是最常用的一种模式,从一个page切换到另一个page。
页面栈模式:是指在一个page(main-page)中,以模态对话框的方式打开另一个page(dialog-page),这时,main-page与dialog-page形成一个页面栈,输入焦点只有当dialog-page关闭的时候,才会回到main-page。
非模态对话框模式:在一个page中,通过非模态对话框技术,打开另一个page,这时,这两个page是并行的。
这三种模式的特点:页面流转模式和页面栈模式是线性的;而非模态对话框模式是并行的。
第二,熟悉Web程序调试
Web程序分为两部分:Client和Server。Server端的调试已经很熟悉了,就是Java的调试;而Client端的调试以前没有涉及过,这次发现一个调试Client好的工具:Firefox + Venkman Javascript Debugger,这个调试工具很好用,有基本的调试功能,特别值得一提的是它的在线修改能力(可以在运行时修改某个变量的值,一般的3G语言调试器没有这个功能)。在IE中没有找到合适的调试工具,如果有的话,那就好了。
第三,佩服Orebeon公司的服务质量
在扩展OPS的过程中,遇到一些技术的问题通过写Email的方式与Orbeon的开发人员交流,发现国外的商业化公司的服务质量没得说,一个字:棒!而且速度也很快。基本上保证在24小时内有回复。而且当前我使用的是免费的邮件订阅,如果是付费的话,相信服务更好。
什么时候能在像Orbeon这样的公司工作就好了,努力ing.....
Page之间的流转有以下几种模式:页面流转模式、页面栈模式、非模态对话框模式。
页面流转模式:这是web应用是最常用的一种模式,从一个page切换到另一个page。
页面栈模式:是指在一个page(main-page)中,以模态对话框的方式打开另一个page(dialog-page),这时,main-page与dialog-page形成一个页面栈,输入焦点只有当dialog-page关闭的时候,才会回到main-page。
非模态对话框模式:在一个page中,通过非模态对话框技术,打开另一个page,这时,这两个page是并行的。
这三种模式的特点:页面流转模式和页面栈模式是线性的;而非模态对话框模式是并行的。
第二,熟悉Web程序调试
Web程序分为两部分:Client和Server。Server端的调试已经很熟悉了,就是Java的调试;而Client端的调试以前没有涉及过,这次发现一个调试Client好的工具:Firefox + Venkman Javascript Debugger,这个调试工具很好用,有基本的调试功能,特别值得一提的是它的在线修改能力(可以在运行时修改某个变量的值,一般的3G语言调试器没有这个功能)。在IE中没有找到合适的调试工具,如果有的话,那就好了。
第三,佩服Orebeon公司的服务质量
在扩展OPS的过程中,遇到一些技术的问题通过写Email的方式与Orbeon的开发人员交流,发现国外的商业化公司的服务质量没得说,一个字:棒!而且速度也很快。基本上保证在24小时内有回复。而且当前我使用的是免费的邮件订阅,如果是付费的话,相信服务更好。
什么时候能在像Orbeon这样的公司工作就好了,努力ing.....
第四,对IE和Firefox的在Dialog方面的支持的了解关于Dialog技术,IE和Firefox都没有完全支持。比如:两种浏览器的API不一样;对于Dialog中的页面流转,IE支持不好,FireFox支持很好;对于模态对话框,IE支持很好,但Firefox支持不是很好。所以,在这种情况下,就出现了直接通过JS来模拟对话框功能的技术。使用这种技术之后,再也不用担心浏览器的差异了,也可以很方便的做出对话框了。
posted on 2009-07-04 23:47 3direction 阅读(382) 评论(1) 编辑 收藏 举报