www.javaei.com网站建设手记——（2）界面设计

想好了要做什么网站了，下一步就是琢磨做成什么样的了。

我初步计划网站按板块提供内容，想好了几个板块，焦点新闻、精华博客文章、热点讨论话题、j2se编程精华，j2ee热点应用、j2me编程、web前端技术热点、数据库开发精华、程序员的休闲、初学者原地、优秀资源下载、好书推荐、职场天地等板块。

下面考虑网站的布局，参考了几个大的网站，如华军，csdn等，分板块显示，更多的内容由链接链向其他页面。我参照华军网设计板块布局。先用Excel设计如下图：

  

    网站首页的大致结构定下来了，就考虑确定网页的颜色基调和风格，我比较喜欢蓝色和绿色和橙色，经过反复的尝试，网页的颜色基调确定为蓝色，根据内容和位置的不同，把颜色适当加深。每一板块的实现当然选择用div来做，因为div可以用很容易的做到调整位置和顺序，经过两天的设计并参考其他网站，设计出的效果如下图：

 

 

    接下来设计logo和Banner，我们做开发的一般不会去研究pohoshop，就用powerpint设计了，经过一天简单的设计，搞了个自己满意的效果。

Logo图

Banner图

 

 

整个首页的效果如下图： 

    

在IE上效果比较满意，于是用firefox和chrome打开试试，不出所料，兼容性没做好，经过一通研究，最终解决了浏览器兼容的问题。最最主要的是firefox和IE在处理width的时候算法不一样。有竞争就会带来差异，这个兼容问题比数据库之间的兼容问题还要麻烦。

              界面设计完了，下一步考虑javaei具体实现方案了。

 

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/javaei/archive/2009/06/23/4290657.aspx