建网站的小Tips
2004-08-20 23:58 FantasySoft 阅读(845) 评论(1) 编辑 收藏 举报
这几天都在忙着做一个小网站,从网页美工到后台处理程序都要自己来,弄得我晕头转向的。还好,已经接近尾声了。我也可以停下来,稍事休息一下,跟各位侃侃这几天建站的一些感受。
1、需要有一套好的配色方案;在网站的美工设计当中,最麻烦的当属配色了。一个网站是极少只使用一种颜色的,因此总会存在几种颜色搭配的问题。面对这个问题,或许真的是需要一些美工的天赋了,不过,我们还是可以通过一些办法去做得更好的。首先,我们要根据网站的内容确定好主色调;接着就围绕这个主色调去寻找可搭配的颜色,通常我们可以借助DreamWeaver或者是其他绘图工具所带的调色板去寻找自己喜欢的颜色。这种方式需要比较耐心地去尝试,才能找到独特而且吸引人的配色方案。除此之外,多参考其他网站的配色方案并加以改进也是不错的办法。象#003399,#6699CC,# E6F3FF这样的组合就是比较不错的配色;
2、使用CSS去美化页面元素。通常,页面元素都是以默认的形式显示出来的,会有千篇一律的感觉,而且默认的形式本来就不好看。在这种情况下,我们就可以通过设定页面元素的style属性值来改变其显示的样式。譬如说,一个按钮显示出来的时候,按钮上文字的左右两边离按钮的边缘都有比较大的距离,如果想让按钮显得紧凑一点,怎么办呢?可以通过下面的代码实现:
<input type="button" style="text-align:left;width:100px" value="Check Duplication" />
1、需要有一套好的配色方案;在网站的美工设计当中,最麻烦的当属配色了。一个网站是极少只使用一种颜色的,因此总会存在几种颜色搭配的问题。面对这个问题,或许真的是需要一些美工的天赋了,不过,我们还是可以通过一些办法去做得更好的。首先,我们要根据网站的内容确定好主色调;接着就围绕这个主色调去寻找可搭配的颜色,通常我们可以借助DreamWeaver或者是其他绘图工具所带的调色板去寻找自己喜欢的颜色。这种方式需要比较耐心地去尝试,才能找到独特而且吸引人的配色方案。除此之外,多参考其他网站的配色方案并加以改进也是不错的办法。象#003399,#6699CC,# E6F3FF这样的组合就是比较不错的配色;
2、使用CSS去美化页面元素。通常,页面元素都是以默认的形式显示出来的,会有千篇一律的感觉,而且默认的形式本来就不好看。在这种情况下,我们就可以通过设定页面元素的style属性值来改变其显示的样式。譬如说,一个按钮显示出来的时候,按钮上文字的左右两边离按钮的边缘都有比较大的距离,如果想让按钮显得紧凑一点,怎么办呢?可以通过下面的代码实现:
![](/Images/OutliningIndicators/None.gif)
在这里,设定text-align为left,就使得按钮上的文字从最左边开始显示了,同时我们在相应的改变按钮的长度至一个合适的值即可;
3、使用Javascript做好表单的校验;尽管客户端的校验通常都要在服务器端重写一遍,但是并代表着客户端的校验不需要了。一个良好的Client side validation可以给善意的用户以最快的反馈,让用户能够尽快完成操作,尤其是面对很多输入框的时候;
4、尽量多考虑用户的误操作的情况;提到用户的误操作,最容易想到的就是同一个表单的多次提交了。防止用户多次提交表单,首先是通过客户端脚本进行控制,如定义一个布尔型的变量,然后根据这个变量来决定是否可以提交表单;接着就是服务器端需要使用Token去判断这个用户提交的表单是否已经被处理;
5、当用户操作失败的时候,提供足够详细的提示信息;网站后台的程序一般都会涉及数据库操作,那么数据库操作产生exception的可能性是很大的,譬如说用户注册这个功能,操作失败了会几种可能性呢?连接数据库失败,主键重复,操作数据超过列值定义的范围等等。在这种情况下,应该根据exception的不同,为用户提供不同的提示,便于用户做相应的修改。