网站改版历程的工作体会

      从去年8月到现在一直忙着公司的网站改版(www.wangpiao.com)，近几天新版网站终于成功上线。我从参与的工作就是网站的前端，整个网站的页面都是经过了本小姐的双手，嘿嘿臭美了，记得那段时间我们技术部门的同志们天天加班，周末也没有休息，都非常辛苦，我中途还累病了两次，不过看着工作结果能得到大家的认可，心里挺美的。

　　废话少说，还是写一下我这次的工作体会吧，留下脚印，以后自己还可回来再看看，这也是一种收获。

　　作为前端制作者，首先拿到设计稿的时候，不要急于下手，有的人一拿到设计稿就开始写代码，这是不科学的，我们应该先整体分析一下，看看各个页面有哪些共用的样式，有哪些公共的布局，然后再想想应该怎样用最少的DIV层就能布局出页面，准备工作都做好了就可以动手写代码了。我习惯给整个站定义一个公共的样式comm.css，表里里面是整个站的公共样式；然后给首页单独定义一个样式表index.css，因为首页一般都是内容比较丰富，网页比较丰满的页面，并且首页的布局跟其他频道或内容页差别都比较大；分别为各个频道写在一个单独的样式，新闻页再单独写一个news.css，搜索页页单独写一个search.css，自己感觉这样分在维护的时候很容易找到，也方便了后来的同事，不知道大虾们都怎么分的。也有文章说样式表太多网站的请求负荷会加重，这是肯定了的，不过我感觉分具体的效果是利大于弊的。

　　一个个页面都成型了，中途也遇到了很多的问题，页面一复杂就会出现一些很怪的问题，比如我当时遇到的：给整个表单外面的DIV加个position：relative后IE6.0下里面的文字信息会消失，但各个表单是正常的，其它浏览器均正常。最后我把整个表单再套一个DIV层，把position：relative移到这上面就好了，至今也不知道是什么原理反正就好了。还有一个就弹出框被select表单遮盖的问题，相信大家都有遇到过的，网上也有好多的回答，用Iframe作载体，它是可以盖住select的，用定位把iframe对象定位到弹出层的底层，这样就可以解决了。

　　总之，做前端要的不仅仅是技术，还需要有更大的耐心和细心。遇到问题时不要着急，要细致的找出问题的所在。网站字体的大小，颜色，边距等这些细节都很重要，要都做好了才能出来一个好网站。