网页制作教程:DIV+CSS布局第一步：页面格局的规划

    本教程将以下图为例子进行讲解.  

　首先需要规划网站布局,其基本布局如下图所示：



最主要的组成部分有五个: 

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: 
5.Footer 网站底栏，版权等。 定义:Width: 760px Height: 66px 
 
看到上图,我们已经规划分解出整个页面的布局了.第一步工作已经完成,下一篇文章中我们继续讲解 建立HTML模板与文件目录