使用div+css进行页面布局

     本人不是做网页前端开发的，由于之前有学过网页的技术，如html标签，css样式，javascript等。。在今年的公司做维护，该网站采用的是div+css，所以难免要会理解div+css.凭着我的爱好，开始学习了div+css的布局，div+css的布局，只是区别于table的布局，table布局是有缺点的1、不方便搜索引擎的收入，2页面代码复杂度增加。因为table表格标签本身的作用是显示一些数据的。我也不是想说table布局很多的不好，不排除网页设计师使用table布局，但那是少量的了。现在的网页设计师的招聘内容不是大多会有“要会有div+css布局”的字眼吗？使用div+css布局，要会有的基础是网页 html元素的认识和css样式的认识，css选择器的认识。然后更多的是去理解div这个元素里面的属性的意思。比如:position:relation/absobul; //这是设置层的位置的    float:left/right ;这是设置层的向左停靠的。在网上有一些资料对div+css布局进行系统学习的，比如有<十天学会div+css布局> 通俗易懂。

    我采用div+css进行页面布局的步骤，首页是了解了需求，有了一个页面的大概思路，然后我会简单用使用画图工具做个布局的设计，先是 首部 ，中间内容，底部 ，做了像个表格，而里面的单元格就是我想放进去的层div了。大概的思路做成了图片这样这有了一个总体的方向，接下来就是使用dreamweave进行网页设计了，在其中你要写css样式进行控制层的位置，还要有一些素材，我简单地使用photoshop做了自己想要的素材，然后就是把做成的效果进行调试。我建议不要频繁用浏览器的去看自己做成的效果，这样会减少效率，在完成了大的布局版块才去进行调试。只要认真学，你会觉得div+css也是很容易就学会了的。。。