www.javaei.com网站建设手记——(2)界面设计

   想好了要做什么网站了,下一步就是琢磨做成什么样的了。
   我初步计划网站按板块提供内容,想好了几个板块,焦点新闻、精华博客文章、热点讨论话题、j2se编程精华,j2ee热点应用、j2me编程、web前端技术热点、数据库开发精华、程序员的休闲、初学者原地、优秀资源下载、好书推荐、职场天地等板块。
下面考虑网站的布局,参考了几个大的网站,如华军,csdn等,分板块显示,更多的内容由链接链向其他页面。我参照华军网设计板块布局。先用Excel设计如下图: 
   

 

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


 

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


 
Banner图


 
整个首页的效果如下图:


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

 

你可能感兴趣的:(编程,chrome,Excel,IE,firefox)