随着网站优化越来越热门,传统的表格(table)进行网站页面虽然制作速度相对较快,上手也相对比较容易,但是表格(table)排版始终无法摆脱代码过多、表格之间重叠结搜索引擎不利等毛病。所以越来越多的网站开始使用DIV+CSS这种新技术进行页面的排版。

用DIV+CSS进行网页排版的好处在此就不做说明了，相信大多数人也明白。不过DIV+CSS排版对许多新手来说还是比较困难的一件事，因为一方面它不像表格排版那样所见所得的，另一方面还要在不同浏览器的不同版本上进行测试，工作量也会更大。那我们应该如何方便快捷地进行DIV+CSS排版呢， 宁波易商网络经过多年的实践和总结认为要进行DIC+CSS排版应该要做好几下几点：

1． 做好网页各部份的CSS命名
很多用DIV+CSS进行页面排版的新手都经历过这样的情况，页面用DIV+CSS进行排版后，一测试页面有错误，想改却发现问题不知道出在那里，并且页面的代码也很乱，增加了查找的难度。用DIV+CSS进行页面排版做好页面各部份的命名是很重要的，比如头部命名为

,菜单导航条命名为

等,这样方便日后的查找,对日后进行新页面的排版时也可以直接引用,提高排版的效率。

2.页面排版运用先框架后细节的原则
用DIV+CSS排版最好先把网站页的框架编排出来后先在不同浏览环境中进行一次测试,发现问题及时解决.因为等到页面整个排版好后再测试往往查找的范围会太大而增加您的工作量.框架排版测试后没有问题,再进行细节方面的排版,每个部份有相对独立的命名,那样发现问题也好及时解决。

3.针对DIV在不同浏览器中出现的问题进行记录
DIV+CSS排版目前最大的问题就是不同浏览器的兼容性不好。一个页面往往在IE中测试好好的,到了其他浏览器中一看就面目全非了。所以新手最好在遇到相关问题的时候做一下记录,那样下次再遇到同样的问题时就很容易进行解决了。

以上几点是我们宁波易商网络地进行DIV+CSS网页排版实际运用中的一点心得,希望对那些想进行DIV+CSS网页排版的新手们带去一点点帮助。