css教程：DIV+CSS实现网页布局实例代码(2)

首先我们来介绍一下页面设计的时候需要注意的一些问题。做一个网站主页面最好不要超过三屏，如果内容太多的话利用选项卡来代替。标题用

比较容易符合搜索引擎优化。
  我们完成的效果图：

 

该布局完整代码：

  

 

 

 

 

 

 

 

 

 

 
• 网站首页

 

 
• 关于我们

 

 
• 网站首页

 

 
• 关于我们

 

 
• 网站首页

 

 
• 关于我们

 

 

 

 

  nav
 

 
 

 

  

   

第一个栏目

  
  

  

   

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

 
   

  

 

 

  

   

第一个栏目

  
  

  

   

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

 
   

  

 

 

nav_left

 

  

   

第一个栏目

  
  

  

   

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

 
   

  

 

 

  

   

第一个栏目

  
  

  

   

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

  
• 我是中国人

 
   

  

 

 

 

 

 
 

nav

 

 

 

 

 
 

 

 

 

 

nav_left

 

   选择一

选择二

选择三

选择四

选择五