`
summeryhrb
  • 浏览: 20307 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

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

阅读更多

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

 

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


 

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


 
Banner图


 
整个首页的效果如下图:


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

 

  • 大小: 36.8 KB
  • 大小: 72.8 KB
  • 大小: 134 KB
  • 大小: 14.8 KB
  • 大小: 41.7 KB
  • 大小: 39.5 KB
分享到:
评论
2 楼 summeryhrb 2009-06-24  
呵呵,应该是powerpoint,也就是ppt
1 楼 freepig 2009-06-24  
powerpint是个什么东西?

相关推荐

Global site tag (gtag.js) - Google Analytics