• 3.21 作业:水利技师学院网页布局


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>山东水利技师学院-首页</title>
    <style type="text/css">
    *{
    	margin:0px auto;
    	padding:0px;}
     #biaoti{1100px;
             height:120px;
    		 margin-left:182px;
    		
    		 } 
    	#biaotitu{
    		700px;
    		 height:113px;
    		 float:left;
    		}	   
      #shoucang{320px;
      height:120px;
      float:left;
      font-size:9px;
      text-align:center;
      vertical-align:middle;
      line-height:60px;
      cursor:pointer;
    	  }	
    	  .xuanxiang{
    		  111px;height:35px;
    		  color:#FFF;
    		  font-size:10px;
    		  background-color:#36C;
    		  float:left;
    		  text-align:center;
    		  vertical-align:middle;
    		  line-height:35px;
    		  }	 
          .xuanxiang:hover{
    		  background-color:#F60;
    		  cursor:pointer;}
    		.zuoshang{
    			90px;
    			height:28px;
    			float:left;
    			font-size:16px;
    			text-align:center;
    			vertical-align:middle;
    			line-height:28px;
    			border:1px solid #999;}
    		.zuoshang:hover{
    			color:#FFF;
    			background-color:#03C;
    		  cursor:pointer;
    			}	
    		 
    	 #xiaowenzi{
    		 740px;
    		 height:210px;
    		 float:left;}
        #si{
    		740px;
    		height:182px;
    		border:1px solid #999;
    		float:left;
    		}
    	#xiaotupian{
    		250px;
    		height:150px;
    		float:left;
    		margin-top:20px;}
    	#shangyou{
    		240px;
    		height:208px;
    		font-size:14px;
    		border:1px solid #999;
    		float:right;	
    		}
    		#xiazuozong{
    			740px;
    			height:184px;
    			border:1px solid #999;
    			float:left;}
    		#changtiao{
    			height:738px;
    			height:36px;
    			border:1px solid #999;
    			background-color:#CCC;
    			
    			}
    		#wuxuliebiao{
    			738px;
    			height:146px;
    			margin-top:20px;
    			}
    			.liu{
    				104px;
    				height:90px;
    				font-size:6px;
    				line-height:20px;
    				border-right:1px dotted #999999;
    				float:left;
    				text-align:center;}
    		.dang{
    			border:1px dotted #999999;
    			margin-top:10px;
    			}
    		#enen{
    			margin-top:30px;
    			}
    	.shuili{
    		border:1px dotted #999999;
    		margin-top:10px;}
    	
    	#xiayou{
    		240px;
    		height:135px;
    		float:right;
    		}
    		.lianjie{
    			margin-top:8px;
    			}
    	#xiaxia{
    		1000px;
    		height:115px;
    		border:1px solid #999;
    		background-color:#CCC;
    		}
      #xiaozi{
    	  1000px;
    	  height:80px;
    	  float:right;
    	  text-align:center;
    			vertical-align:middle;
    			line-height:40px;
    			font-size:10px;
    	  }
      #lanjian{
    	  position:relative;
    	  bottom:70px;
    	  left:100px;}
    	  
    		  
    			
        </style>
    </head>
    
    <body>
         <div id="biaoti">
         <div id="biaotitu">
         <img src="../图片/logo.png" />
         
         </div>
         <div id="shoucang">收藏本站丨设为首页丨官方旧版
         <input type="text" name="22"><input  type="image" src="../图片/search.jpg" name="11" />
        
         </div>
           </div><div style="1000px;height:35px">
           <div class="xuanxiang">网站首页</div>
           <div class="xuanxiang">学校概况</div>
           <div class="xuanxiang">系统设置</div>
           <div class="xuanxiang">教学科研</div>
           <div class="xuanxiang">学生工作</div>
           <div class="xuanxiang">技能鉴定</div>
           <div class="xuanxiang">继续教育</div>
           <div class="xuanxiang">招生就业</div>
           <div class="xuanxiang">电子院报</div> </div>
           <div style="text-align:center">
           <img src="../图片/banner3.jpg" width="1000" height="269"/></div>
       <div style="1000px;height:415px;">
       <br />
       <div id="xiaowenzi">
       <div style="740px;height:28px; color:#06F">
                           <div class="zuoshang">学院要闻</div>
                           <div class="zuoshang">校园动态</div>
                           <div class="zuoshang">党建工作</div>
                           <div class="zuoshang">职教动态</div>
                           <div class="zuoshang">制度公开</div>
      <!--上边左边上小 --></div>
                             <!--4 --> <div id="si">
                                           <!--9 -->
                                           <div id="xiaotupian">
                                           <img src="../图片/-3.6召开的2018年度工作会234_flash.jpg" width="220" height="142" /></div>                                       <!--9 -->
                                           <!--2 --> <div style="465px; height:150px; font-size:14px;">
                                                            <ul id="enen" style=" list-style:inside">
                                                            <li class="dang">离退休党支部组织党员学习十九大精神</li>
                                                            <li class="dang">院党委理论学习中心组传达学习党的十九届三中全会</li>
                                                            <li class="dang">学院党委班子召开2017年度民主生活会</li>
                                                            <li class="dang">学院离退休支部召开党员大会</li>
                                                            <li class="dang">党委书记于福春带头宣讲党的十九大精神</li>
    
                                            <!--2 --></div>
                            <!--4 -->  </div>   
       
       <!--上边左边 --></div>
                                   <!--3 --> <div id="shangyou">
                                                  <div style="238px; height:36px; background-color:#CCC;">通知公告</div>
                                                  <ul style="list-style:inside; 238px; height:150px;">
                                                  <li class="shuili">2018年招生专题</li>
                                                  <li class="shuili">山东水利技术学校60周年校庆</li>
                                                  <li class="shuili">询价公告</li>
                                                  <li class="shuili">山东水利技术学校2017年就业</li>
                                                  <li class="shuili">山东水利技术学校2017年公开招聘</li>
                                    <!--3 --></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
                                                <!--10 -->  <div style="1000px; height:184px;">
                                                                <!--11 -->  <div id="xiazuozong">
                                                                             <!--5 --> <div id="changtiao">信息服务 </div>
                                                              <ul id="wuxuliebiao" style="list-style:none"> 
                                                  <li class="liu"><img src="../图片/infor01.png" /><br />学院微信二维码</li>
                                                  <li class="liu"><img src="../图片/infor02.png" /><br />领导信箱</li>
                                                 <li class="liu"><img src="../图片/infor03.png" /><br />电话黄页</li>
                                                 <li class="liu"><img src="../图片/infor04.png" /><br />网上咨询</li>
                                                <li class="liu"><img src="../图片/infor05.png" /><br />学生成绩查询</li>
                                                <li class="liu"><img src="../图片/infor06.png" /><br />乘车路线</li>
                                              <li class="liu"><img src="../图片/infor07.png" /><br />在线报名</li></div>  
                                                                 <!--7 -->      <div id="xiayou">
                                                                                   <img src="../图片/wl01.jpg" />
                                                                                   <img src="../图片/wl02.jpg" />
                                                                                   <img src="../图片/wl03.jpg" />
                                                                                   
                                                                                   <div class="lianjie">友情链接:</div>
                                                                                   <select style="wid">
                                                                                         <option>--友情链接--</option>
                                                                                         <option>山东省水利厅</option>
                                                                                         <option>山东省人力资源和社会保障厅</option>
                                                                                         <option>山东省教育厅</option>
                                                                                         <option>山东省招生信息网</option>
                                                                                         <option>山东理工大学</option>
                                                                                         <option>淄博文明网</option>
                                                                                   </select>
                                                                    <!--7 -->    </div>
                                                         
                                                                
                                                                <!--11 -->   </div>
                                                      
                                                  
                                                   
                                               <!--10 -->   </div>
                                                 
       <!--上边大边框 --></div> <br /><br />      
                    <div id="xiaxia">
                   
                         <p id="xiaozi">版权所有:山东水利技师学院 山东省水利职工大学 鲁ICP备案05004319号 邮编:255130 电话:(0533)3825000<br />
                                           地址:山东省淄博市淄川区松龄西路498号 招生就业指导处电话:(0533)3825077/3825088</p>                    <img id="lanjian" src="../图片/blue.png" />
                    </div>
                    <div style="139px; height:175px; position:fixed; left:1px; top:265px;">
                    <img id="budong" src="../图片/clickbtn_89.png" /></div>
    </body>
    
    </html>
    

      

  • 相关阅读:
    强连通分量(Kosaraju)
    拓扑排序
    树状数组BIT
    差分
    RMQ(ST表)
    LCA(Tarjan)
    LCA(ST倍增)
    海亮SC2019 树上数数(转载)
    海亮SC
    【十二省联考2019】异或粽子/可持久化01trie
  • 原文地址:https://www.cnblogs.com/syx1997/p/8629010.html
Copyright © 2020-2023  润新知