web前端界面心得

   

         这二十多天来，一直在用jsp做用户界面，问题还是很多，在这里写出来，一是总结一下近期所做的事，二是希望给以后刚接触做网页设计的朋友一个提醒，少走弯路。

         首先要比较熟悉dreamveawer，因为大部分界面可能都是用它来画的。

         在做界面前，一定要先注意各种兼容情况。

         比如说客户显示屏的大小，显示屏分辨率的大小，不然直接先用frame，可能当显示屏分辨率改变时，frame里的内容面目全非了。一般的做法是先画表格，然后在表格里用iframe，这样当分辨率改变时，也就是多出滚动条，另外对于你的网页如果是放在大屏幕上，一般的做法是让你的网页整体左右居中，当然也可以用javascript让其上下居中(如果页面比较短的话)，然后四周都是用白色或其他浅色填充。

         其次是要考虑你的网页可能要放在不同的浏览器上显示，所以你在做网页的时候一定要在多种浏览器上。主流一般是IE与Fire Fox。要是IE与火狐对网页的解析还是很不一样的，比如说空格的长度显示，type="text"与type="password"显示的长度不一样问题，两种浏览器对表格的borde宽度和颜色的不一样，用CCS定义的文本缩进如果有图片时在FF中无法正常缩进，但在IE中可以缩进……还有很多怪异的情况，可能在这某一种浏览器上可以正常显示，但是在另一种浏览器上却无法显示的情况。这多半是由于网页还是有问题的，只是由于那种可以正常显示的浏览器执行的标准放过了这种错误。

         对于字体什么的对齐，一般都是要用表格和表格里的单元格的方法来对齐。对于这种情况，可以在dreamweaver的设计栏里的布局模式下，直接画表格和单元格。如果你想用模板，一般是要在网上去找psd格式的模板，然后用ps去截层，去掉你不需要的层，然后保存成jpg格式，把这个jpg图片作为背景，再在这个背景上画网页。另外还有就是用切图的办法。对于如果你要插入什么小图标，一般都是去大型网站下载png图标。特别要注意表单里面不能嵌套表单。要多用CCS样式，并且在多种浏览器上查看显示效果。

         我是做的jsp界面，所以也必须对jsp比较熟悉。在myeclipse平台上开发，数据库用的hbase。

         有几个问题要注意：登陆页或者注册的验证码一定是要拿到服务器端进行验证，把结果反馈给用户端，并且验证码必须及时销毁。验证码图片要有刷新功能。对于用户名，密码什么的输入是否为空，只需要写个javascript判断一下，在用户当前页面弹出一个提示窗口即可。但是当是从服务器端判断后发送相关信息到当前用户界面的提示窗口时，一般是用ajax方法。一般用session去保存用户的登录名。

         jsp弹出对话框一般有两种方法，但由于IE与FF支持不一致，所以用弹出对话框之前一般要先用javascript判断用户浏览器类型。对于注册页，当用户一输入一个用户名，判断用户是否存在时，可以用Ajax方法。

        后台服务器对用户登录或者是注册的处理可以用servlet，当然也可以用jsp网页。用servlet时要注意web.xml文件的处理。

        好了，暂时就先写这么多了。