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

    
             
          
         
     
        
      
            
       
                
        电影首页            
       
            
       
                
        
                    
                         
        
                
        查找            
        导航栏             
       
            
       
           
        
                
        
 首页
                
        
 注册
                
        
 登录
                
        
 退出
            
       
        
      
    
     
     
    
          
      
       神偷奶爸3
      
    
     
    
     
              
      
       战狼2
      
    
     
     
     
         
               
      
       功夫瑜伽
      
     
     
   
     
   
         
         
     
     
      
 
      
友情链接
  
        
        
      
      
       版权@duym
      
    
     

css文件：

img {
        width: 300px;  }div.img{
       border: 1px solid #cccccc;    width: 180px;    float: left;    margin: 5px;}div.img img{
       width: 100%;    height: auto;}div.desc{
       text-align: center;    psdding:5px;}div.img:hover{
       border: 1px solid #777777;}div.aaa{
       clear: both;}.tupian{
       width:40px;    height:40px;}.lianjie{
       width:300px;    height:55px;}.lianjie2{
       width:300px;    height:110px;}

JS文件：

function myswitch() {            var oBody = document.getElementById("myBody");            var oOnoff = document.getElementById("myOnOff");            if(oOnoff.src.match("sun")){                oOnoff.src="../static/image/moon.jpg";                oBody.style.background="black";                oBody.style.color ="white";            }else{                oOnoff.src="../static/image/sun.png";                oBody.style.background="white";                oBody.style.color ="black";            }        }

导航：

 底部导航：