<b>DIV+css网站筹划之第三步</b>[网站美工]

第三步:将网站分为五个div,网页基本筹划的底子:

1.将“第一步”提到的五个部份都放入盒子中,在html文件中写入:

Example Source Code [

<div id="page-container"> 
<div id="main-nav">Main Nav</div>   
<div id="header">Header</div>   
<div id="sidebar-a">Sidebar A</div>   
<div id="content">Content</div>   
<div id="footer">Footer</div> 
</div> 
 

2.为了将五个部份区脱离来,我们将这五个部份用差别的后台颜色标示出来,在css文件写入:

Example Source Code
 

#main-nav {  
background: red;  
height: 50px;  
}  
#header {  
background: blue;  
height: 150px;  
}  
#sidebar-a {  
background: darkgreen;  
}  
#content {  
background: green;  
}  
#footer {  
background: orange;  
height: 66px;  
}  

　　表现以下: