DIV+CSS建设网站页面的步骤

CSS框架是预先准备好的软件框架，允许使用层叠样式表语言更容易，更符合标准的进行网页设计。大多数这些框架包含至少一个栅格设计（grid）。功能更强大的框架，还配备了更多的功能和附加的基于JavaScript的功能，但大多设计导向的和Unobtrusive JavaScript。本文从功能和充分的JavaScript框架区分它们。

与DIV+CSS相比，传统的表格(table)进行网站页面虽然上手相对比较容易,制作速度也相对较快,小编认为，表格(table)排版的缺点在于摆脱代码过多、表格之间重叠结搜索引擎不利。因此更多的网站都在使用DIV+CSS这种新技术进行页面的排版。
大多数人也明白，用DIV+CSS进行网页排版的好处在此就不做说明了。但是DIV+CSS排版对许多新手来说还是比较困难的一件事，因为一方面它不像表格排版那样所见所得的，另一方面还要在不同浏览器的不同版本上进行测试，工作量也会更大。那我们应该如何方便快捷地进行DIV+CSS排版呢， 合肥网站制作经过多年的实践和总结认为要进行DIC+CSS排版应该要做好几下几点：
1． 做好网页各部份的CSS命名很多用DIV+CSS进行页面排版的新手都经历过这样的情况，页面用DIV+CSS进行排版后，一测试页面有错误，想改却发现问题不知道出在那里，并且页面的代码也很乱，增加了查找的难度。用DIV+CSS进行页面排版做好页面各部份的命名是很重要的，比如头部命名为”head”,菜单导航条命名为”menu”等,优势在于方便日后的查找,对日后进行新页面的排版时也可以直接引用,提高排版的效率。
2.页面排版运用先框架后细节的原则用DIV+CSS排版最好先把网站页的框架编排出来后先在不同浏览环境中进行一次测试,发现问题及时解决.因为等到页面整个排版好后再测试往往查找的范围会太大而增加您的工作量.框架排版测试后没有问题,再进行细节方面的排版,每个部份有相对独立的命名,那样发现问题也好及时解决。
3.针对DIV在不同浏览器中出现的问题进行记录不同浏览器的兼容性不好是DIV+CSS排版目前最大的问题。通常，在IE中测试一个页面好好的,使用其他浏览器中打开网站就会出现网站布局混乱的情况。因此，在遇到相关问题的时候有必要记录一下,这样再遇到同样的问题时解决就容易了。