十步学会用css建站——第一步：规划网站，本教程将以图示为例构建网站；

声明：《十步学会用css建站》这篇文章非我原创，原文来自Steve Dennis的Creating a CSS Layout from scratch，由jorux翻译。我转贴此文除了想丰富我的blog内容之外也是希望更多的朋友能够在学习css中获得一些帮助。

写在之前：这几天在学习css过程中发现了很多很好的教程类的文章，有一个叫作《十步学会用css建站》。虽然讲的是建站，与修改blogger的修改html略有不同，但是对学习css很有帮助，相信对想修改blogger模板的朋友也能起不少的作用。在jorux.com的网站中还有一些列的css基础教程我觉得也写得很好，有兴趣的朋友可以自己去看。

1.规划网站，本教程将以下图为例构建网站。

点击看大图
其基本布局见下图：

点击看大图
主要由五个部分构成：
1.Main Navigation 导航条，具有按钮特效。 Width: 760px Height: 50px
2.Header 网站头部图标，包含网站的logo和站名。 Width: 760px Height: 150px
3.Content 网站的主要内容。 Width: 480px Height: Changes depending on content
4.Sidebar 边框，一些附加信息。 Width: 280px Height: Changes depending on
5.Footer 网站底栏，包含版权信息等。 Width: 760px Height: 66px