对于前端的学习，我还是有些心得的，毕竟学了很久的html、css和javascript。

  本文我想简单的讲下关于div和css的网页布局。整个写作过程，内容安排，都是环环相扣的，也是一个历史经验的归纳总结。

 如何怎么做一个简易的网页，回顾其步骤：

  1、新建站点，在css文件中添加居中代码。

  2、打开index.html，按照网页的六个组成部分，依次创建logo层、导航层、banner层、内容层、友情链接层、版权层

  3、在firework中切图，在firework中，打开之前做好的网页效果图psd源文件。按照6大组成部分，进行切图。作为初学者，可以先不考虑网页中的文字。（关于如何切图下节讲）

  4、在纸上，记录下每一部分宽高具体的尺寸。

  5、通过css控制面板，对每个层进行定义，如它们的宽、高，边框、背景、填充、边界等。定义的时候，必须定义左浮动。

  6、预览其效果，感受其作用。

  7、看其效果，对应的去看代码及其含义。

  相信有很多人会说，你说的这些我都明白，但是做的时候还是力不从心。 这就是不动手的原因。

  定义明白了，思路理清了，这学习就事半功倍，从而学习的目的就达到了。我一直说，做好一个网页如果给10分，那么理清思路就已经得6分了。 想当年，我学习的时候，就是因为不知道做网页的思路，花费掉了两年多的时间。真正去做，用的时间实在是太少了。思路理清楚了，克服细节的问题，找百度就好了。

  学习代码最重要的一点就是动手，代码看的再多，写不出来，那么知识就不是你的，这个简单的道理我们应该都懂。