1：学会HTML语言，再学习DIV+CSS时会得心应手。
看得懂HTML语法，那么世界上80%的网站都能被你看穿。HTML语言很好学，一定要熟记常用的一些代码，因为有了像dreamweaver这样的帮助生成html代码的工具,所以很多人都忽略了HTML的学习.学会了HTML互联网中最基本的语言之后，在学习DIV+CSS时，你会发现：原来DIV+CSS也就那样，小菜一碟。
2.使用Dreamweaver的代码模式来编写DIV和CSS。
对于网页设计初学者来说，直接使用记事本、Notepad等工具来书写代码很困难。因为Dreamweaver的代码模式有提示功能，可以在保证语法编写的正确性。并且对不熟悉的语法可以一次性书写正确。
如图所示：书写div，html时DW的提供功能。
书写CSS时DW工具栏右侧的CSS可视化编辑功能.
我学习DIV+CSS时就是从Dreamweaver的代码模式学起的，也许不是最好，但很实用。
3：养成良好的书写习惯.
有良好的生活习惯，说明这人会过日子，有良好的CSS书写习惯，说明这人做事严谨。写css的时候网上有很多推荐的规范，比如菜单类用menu，版权用copyright（CoryRight），底部用footer等等，在书写顺序上一般是：显示属性-自身属性-文本属性。当然这些都没有硬性的规定，但是遵循一些不成文的规定不是坏事，这样让自己写的代码，容易让别人读懂，搜索引擎也更加喜欢。
4：只有目的明确，结果清晰，过程才最高效，才不会轻易被干扰，被改变方向。
1、打开你要仿的站2、鼠标右键>查看页面源代码>全部复制>新建文本文档>将内容粘贴进去>将文档的拓展名改为.html
3、找到<link ... >中得CSS文件>全部复制>新建文本文档>将内容粘贴进去>将文档的拓展名改为.css
4、在第二步拷的内容中查找 <img 用src中的地址把图片全拷下来
5、在第三步拷的内容中查找 url 用括号内的地址把图片全拷下来
6、特殊效果可能要用到 script 一样的找到<script 拷内容 拓展名.js
7、上面拷的内容要放到相应文件夹中才能生效
如果是小白，你可能需要了解：相对路径、HTML标签
软件：DW
最基础的还是需要了解下，比如什么是盒子模式，这个可以说是DIV排版的核心所在。再就是CSS几个常用的属性，例如：float、padding、margin、overflow、display、position、z-index、clear。其它一些如果你常写表格基本相同的。
下面给你一个盒子模式图，你仔细看下
通过这个图大致的可以看出来一个DIV构架由哪些组成。
这里重点属性是overflow和margin这个属性，IE和FF的兼容性总是很变态，所以这个涉及如何解决兼容了。
你可以选择一个页面，用纯DIV+CSS进行构架。在不同的浏览器中进行调试，这个过程下来代码兼容性也提高了，好多属性也就明白了。
