----------------------------------------------------------------------------- 主页面index.html
     
          #中间加载样式和JS, 静态文件迁移至项目中时要注意路径。    
     
    
     
        
      
        # 页面顶部部分                        
      
                     
      
           # 左侧导航栏部分            
       
            # 伸缩按钮                
        
             # collapse则表示所有第一级节点默认为折叠状态                    
         
          
         
                
        
            
       
                        
       
            # 侧菜单部分                
        
         
主菜单
 
         
          收缩
         
 
        
                                
        
                             ----------------------------------------------- # 虚线中间为菜单内容，可替为动态数据                    
         
                        
          
Folder用户
                    
         
                    
         
                        
          
            # treeFolder:在所有树节点前加上Icon图标 
           
 用户管理 
            
 
             
用户列表
 
             
用户添加
 
            
 
 
          
                    
         
                    ------------------------------------------------                
        
                            
       
        
      
                        
      
           #主体部分，多标签页形式                        
      
    
     
            
     
      @author chenwei (www.chenwei.ws) 
     
 # 页脚部分# 打开所有html文件可以看到，除index.html外，其余均为html代码碎片，它们使用nabTab/dialog形式显示。-----------------------------------------------------------------------------------官方对学习DWZ的几点建议：1.通读DWZ文档。（PS:东西比较碎，大部分有你想知道的）2.看demo每个组件演示和代码。（PS:代码碎片可以现用）3.建议安装firebug，用firebug看html结构，CSS和调试JS。（PS:想了解哪块结构就使用firebug）4.初学者不建议看DWZ全部源码，非常有必要看看dwz.ui.js和dwz.ajax.js5.可以从google code下载dwz_thinkphp版本，结合php后台去理解DWZ和服务器端的交互方式