1. 夜间模式的开启与关闭
   1. 放置点击的按钮或图片。
   2. 定义开关切换函数。
   3. onclick函数调用。
2. 父模板的制作
   1. 1. 1. 制作网站网页共有元素的父模板html，包括顶部导航，中间区块划分，底部导航，底部说明等。
         2. 汇总相关的样式形成独立的css文件。
         3. 汇总相关的js代码形成独立的js文件。
         4. 形成完整的base.html+css+js    

   ---

   1. 1. 导航html
       
                  
              
          
       
           
           
            
               
                         
             首页            
             Login            
             Enroll        
            
       
           
       
           
       
           
           
            
               
             
                   
                          
             
               
             
                   
              搜索            
             
           
            
       
           
       
          
          
          
       
           
           
                    
            
             panda        
            
       
           
       
           
           
                    
            
             熊猫壁纸
            
       
           
          
          
       
           
                    Copyright@ 2017-2022 个人版权，版权所有　　陈楠芸　　    
           
          

   导航css

   .img {
            border: 1px solid #cccccc;    width: 250px;    margin: 5px;    float: left;}div.img img {
            width: 100%;    height: auto;}div.desc {
            text-align: center;    padding: 5px;}div.img:hover {
            border: 1px solid #000000;}.area {
            height: 300px;}.area1 {
            height: 300px;}.area2 {
            height: 300px; nav{    position:fixed;    top:0px;    height: 58px;    background-color:#FCFCFC;    border-bottom:1px solid #DDDDDD;    width:100%; } footer.footer_box{
            background-color: #002D54;    padding: 10px;    color : #FFFFFF;    text-align: center; }

   导航js

   function myswitch() {            var oBody = document.getElementById("myBody");            var oOnoff = document.getElementById("myOnOff");            if(oOnoff.src.match("bulbon")){                oOnoff.src="http://www.runoob.com/images/pic_bulboff.gif";                oBody.style.background="black";                oBody.style.color ="white";            }else{                oOnoff.src="http://www.runoob.com/images/pic_bulbon.gif";                 oBody.style.background="white";                oBody.style.color ="black";            }        }
   1. 1.          
   
   1.     
3. 1. 开关灯      
      1.