山东理工大学官网建立伪站：
<!doctype html> <html> <head> <meta charset="utf-8"> <title>山东理工大学</title> <link rel="stylesheet" href="ligong.css"> <link rel="shortcut icon" href="favicon.ico"> </head> <body> <!--整体布局--> <div class="all"> <!--头部区域--> <div id="head"> <img src="english-bg.jpg" alt=""> <!-- 头部右边区域--> <div id="h-1"> <!-- 右上边区域--> <div id="h-2"> <ul id="h-nav"> <li> <a href="http://ehall.sdut.edu.cn/" target="_blank">在校生</a> </li> <li>+</li> <li> <a href="http://ehall.sdut.edu.cn/" target="_blank">教职工</a> </li> <li>+</li> <li> <a href="http://zszx.sdut.edu.cn/" target="_blank">考生</a> </li> <li>+</li> <li> <a href="http://xy.sdut.edu.cn/" target="_blank">校友</a> </li> <li>+</li> <li> <a href="http://xy.sdut.edu.cn/" target="_blank" >访客</a> </li> <li>+</li> </ul> </div> <!-- 右下边区域--> <div id="h-3"> <input type="text" placeholder="请输入关键字"> <img src="sous-bg.jpg" alt=""> </div> </div> </div> <!-- <hr style="70%;margin-left: auto;margin-right: auto;height: 1px;color: #CFC6C7">--> <div id="nav"> <ul> <li><a href="" target="_self">首页</a></li> <li><a href="" target="_self">新闻网 </a></li> <li><a href="" target="_self">学校概况</a></li> <li><a href="" target="_self">机构设置</a></li> <li><a href="" target="_self">师资队伍</a></li> <li><a href="" target="_self">科学研究</a></li> <li><a href="" target="_self">人才培养</a></li> <li><a href="" target="_self">招生就业</a></li> <li><a href="" target="_self">大学文化</a></li> <li><a href="" target="_blank">国际交流</a></li> <li><a href="" target="_blank">校友联谊</a></li> </ul> </div> </div> <!-- 轮播图片--> <div id="photo"> <img src="234.jpg" alt="" height="282px"> </div> <div class="all"> <!-- 身体部分--> <div id="text"> <!-- 身体左侧--> <div id="text-1"> <div class="x"> <h3>学校新闻</h3> <a href="http://lgwindow.sdut.edu.cn/1058/list.htm" target="_blank" class="y2">[更多]</a> </div> <div class="x3"> <h3 class="y1"> <a href='http://lgwindow.sdut.edu.cn/2018/0608/c1058a181333/page.htm' target='_blank' >让每一位教师都主动成为“驱动单元”</a> </h3> <h3 class="y2"> <a href='http://lgwindow.sdut.edu.cn/2018/0608/c1058a181333/page.htm' target='_blank' >----我校第二轮岗位聘用期满考核与...</a> </h3> <p class="y3"> <a href='http://lgwindow.sdut.edu.cn/2018/0608/c1058a181333/page.htm' target='_blank' >5月31日，当音乐学院刘楠老师从学校发布的《关于聘任方晓英等工作人员相应岗位的通知》中找到自己的名字，并看到对应的岗位等级为“8级”时... </a> <a href="http://lgwindow.sdut.edu.cn/2018/0608/c1058a181333/page.htm">[详细]</a> </p> </div> <div class="x4"> <ul> <!-- <hr style="border:1px solid ">--> <li> <span class="z1">纪念改革开放40周年作品征集启事</span> <span class="z2">05-04</span> </li> <!-- <hr style="border: 1px dashed #BCB5B5"> --> <li> <span class="z1">“善小”奖学金、助学金颁发仪式举行</span> <span class="z2">06-08</span> </li> <!-- <hr style="border: 1px dashed #BCB5B5"> --> <li> <span class="z1">学校召开研究生工作会议</span> <span class="z2">06-08</span> </li> <!-- <hr style="border: 1px dashed #BCB5B5"> --> <li> <span class="z1">学校颁发2018年研究生优秀成果单项奖</span> <span class="z2">06-07</span> </li> <!-- <hr style="border: 1px dashed #BCB5B5"> --> <li> <span class="z1">“2018代数图论国际前沿研讨会”举行</span> <span class="z2">06-07</span> </li> <!-- <hr style="border: 1px dashed #BCB5B5"> --> <li> <span class="z1">学校举行巩固防治“吃空饷”问题工作会议</span> <span class="z2">06-07</span> </li> <!-- <hr style="border: 1px dashed #BCB5B5"> --> </ul> </div> <div class="x"> <h3>通知公告</h3> <a href="http://lgwindow.sdut.edu.cn/1058/list.htm" target="_blank" class="y2">[更多]</a> </div> <div class="x7"> <ul> <li> <a href='http://rshch.sdut.edu.cn/2017/1212/c204a104106/page.psp' target='_blank'>诚聘海内外高层次人才启事</a> </li> <!-- <hr style="border: 1px dashed #ccc">--> </ul> </div> </div> <!-- 身体中间部分--> <div id="text-2"> <div class="x1"> <ul> <li class="y1"><h3>图说理工</h3></li> <li class="y2"><h3>视频理工</h3></li> </ul> <a href="http://lgwindow.sdut.edu.cn/1058/list.htm" target="_blank" class="y3">[更多]</a> </div> <div class="x2"> <img src="border-1.jpg" > </div> <div class="x3"> <img src="111.jpg"> </div> <div class="x4"> <h3 class="y1">媒体报道</h3> <a href="http://lgwindow.sdut.edu.cn/1058/list.htm" target="_blank" class="y2">[更多] </a> </div> <div class="x5"> <img src="border-1.jpg" > </div> <div class="x6"> <ul> <!-- <hr style="border:1px solid ">--> <li>〖山东省教育厅〗 <a href='http://lgwindow.sdut.edu.cn/2018/0607/c1070a181280/page.htm' target='_blank'>山理工大学加强研究生基地建设管理构协同</a> </li> <!-- <hr style="border: 1px dashed #BCB5B5"> --> <li>〖山东省教育厅〗 <a href='http://lgwindow.sdut.edu.cn/2018/0607/c1070a181280/page.htm' target='_blank'>山东省高校青年教师教学比赛决赛在山...</a> </li> <!-- <hr style="border: 1px dashed #BCB5B5"> --> <li>〖山东省教育厅〗 <a href='http://lgwindow.sdut.edu.cn/2018/0607/c1070a181281/page.htm' target='_blank'>山理工推出安全环保纸袋助力“限塑”...</a> </li> <!-- <hr style="border: 1px dashed #BCB5B5"> --> <li>〖山东省教育厅〗 <a href='http://lgwindow.sdut.edu.cn/2018/0607/c1070a181282/page.htm' target='_blank'>山理工动真碰硬集中治理违建建设和谐...</a> </li> <!-- <hr style="border: 1px dashed #BCB5B5"> --> <li>〖山东省教育厅〗 <a href='http://lgwindow.sdut.edu.cn/2018/0601/c1070a178511/page.htm' target='_blank'>山理工“第二课堂成绩单”助力“五有...</a> </li> <!-- <hr style="border: 1px dashed #BCB5B5"> --> <li>〖山东省教育厅〗 <a href='http://lgwindow.sdut.edu.cn/2018/0601/c1070a178512/page.htm' target='_blank'>山东理工大学成立科学技术协会推进科...</a> </li> <!-- <hr style="border: 1px dashed #BCB5B5"> --> <li>〖山东省教育厅〗 <a href='http://lgwindow.sdut.edu.cn/2018/0601/c1070a178513/page.htm' target='_blank' >山理工大学成立新旧动能转换研究中心</a> </li> <!-- <hr style="border: 1px dashed #BCB5B5"> --> </ul> </div> </div> <!-- 身体右侧部分区域--> <div id="text-3"> <div class="x1"> <h3 class="y1">学术活动</h3> <a href="http://lgwindow.sdut.edu.cn/1058/list.htm" target="_blank" class="y2">[更多] </a> </div> <div class="x2"> <img src="border-1.jpg" > </div> <div class="x3"> <ul> <li><img src="2.png" alt=""></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --> <li><img src="2.png" alt=""></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --> <li><img src="2.png" alt=""></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --> <li><img src="2.png" alt=""></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --> </ul> </div> <div class="x4"> <h3 class="y1">专题信息</h3> <a href="http://lgwindow.sdut.edu.cn/1058/list.htm" target="_blank" class="y2">[更多] </a> </div> <div class="x5"> <img src="border-1.jpg" > </div> <div class="x6"> <ul> <li> <a href='http://lxyz.sdut.edu.cn/' target='_blank'>山东理工大学“两学一做”学习教育网站</a> </li> <!-- <hr style="border: 1px dashed #ccc">--> <li> <a href='http://lgwindow.sdut.edu.cn/qggxzzlm/list.psp' target='_blank' >山东理工大学“一精神”“一规划”专题</a> </li> <!-- <hr style="border: 1px dashed #ccc">--> <li> <a href='http://charter.sdut.edu.cn/' target='_blank'>山东理工大学“大学章程建设”专题网站</a> </li> <!-- <hr style="border: 1px dashed #ccc">--> </ul> </div> </div> </div> <!--下面导航栏--> <div id="nav-1"> <ul> <li><a href="" target="_self">图书馆</a></li> <li><b>·</b></li> <li><a href="" target="_self">信息公开</a></li> <li><b>·</b></li> <li><a href="" target="_self">招标采购</a></li> <li><b>·</b></li> <li><a href="" target="_self">办公系统</a></li> <li><b>·</b></li> <li><a href="" target="_self">邮件系统</a></li> <li><b>·</b></li> <li><a href="" target="_self">校园VPN</a></li> <li><b>·</b></li> <li><a href="" target="_self">在线学习</a></li> <li><b>·</b></li> <li><a href="" target="_self">站点导航</a></li> <li><b>·</b></li> </ul> </div> <!-- 底部图片--> <div id="bottom"></div> </div> </body> </html>
外部引用css
*{ margin: 0px; padding: 0px; } .all{ /* max-1366px; min- 1028px; */ margin: 0px auto; position: relative; } #head{ height: 125px; width: 100%; background:url(head-bg.png); background-position:40% 0; position: relative; background-repeat:no-repeat; } #head img{ position: absolute; top:58%; left:36%; } #h-1{ height: 125px; width: 35%; position: relative; /* background: green;*/ float: right } #h-2{ width:100%; position: absolute; top: 25px; /*background: red;*/ } #h-2 li{ list-style-type: none; float: left; margin-left: 8px; font-size: 12px; color: #666; } #h-2 li a{ text-decoration: none; } #h-2 li a:hover{ color: #ccc; } #h-3{ height: 50px; width: 100%; position: absolute; bottom: 14px; box-sizing: border-box; /* background: blue;*/ } #h-3 input{ height: 28px; width: 180px; margin-left: 100px; } #h-3 img{ width: 40px; height: 30px; position: absolute; top: 0px; left: 282px; } #nav{ width: 85%; height: 50px; line-height: 50px; /* background: red;*/ position: relative; border-top: 1px solid #C9C0C0; margin: 0px auto; } #nav ul{ margin: 0px auto; } #nav li{ list-style-type: none; float: left; margin-left: 10px; font-size: 18px; line-height: 50px; position: relative; text-align: center； /* left:10%; */ } #nav li a{ padding: 0 10px; } #nav li a:link{ text-decoration: none; /* color: #ccc; */ } #photo{ width: 100%; height: 282px; text-align: center; /* background: #ccc;*/ /* background: url(234.jpg);*/ /* background-size: cover;*/ } #text{ width: 980px; height:630px; margin: 0 auto; /* background: #ccc;*/ } #text-2,#text-1{ margin-right: 0.5%; } #text-1{ width: 33%; height: 630px; /* background:red;*/ float: left; position: relative; } #text-2{ width: 33%; height:630px; /* background: yellow;*/ float:left; position: relative; } #text-3{ width: 33%; height: 630px; /* background: green;*/ float: left; position: relative; } #text-1 .x{ width: 100%; height: 32px; line-height: 32px; background:url(border-1.jpg) no-repeat bottom; position: relative; margin: 0px auto; } #text-1 .x .y1{ position:absolute; bottom: 0px; left:0px; color: #666; } #text-1 .x .y2{ position:absolute; bottom: 0px; right:0px; color: #666; } #text-1 .x a:link{ text-decoration: none; color: red; } #text-1 .x3{ width: 100%; height: 120px; /* background: #68C8B2;*/ text-align: center; } #text-1 .x3 .y1 a:link{ text-decoration: none; font-size: 18px; } #text-1 .x3 .y2 a:link{ text-decoration: none; font-size: 12px; } #text-1 .x3 .y3{ text-align: left; text-indent:2em; border-bottom: 1px solid #ccc; } #text-1 .x3 .y3 a:link{ text-decoration: none; font-size: 12px; } #text-1 .x4{ width: 100%; height: 280px; /* background: #F085D8;*/ position: relative; } #text-1 .x4 .y1{ width: 100%; height: 30px; position:absolute; border-style: solid none none none ; border-color:#706B6B; } #text-1 .x4 li{ height: 45px; line-height:45px; list-style-position: inside; font-size: 12px; border-bottom: 1px dashed #ccc; } #text-1 li .z2{ float: right; } #text-1 .x5{ width: 100%; height: 32px; /* background: #EDB64D;*/ position: relative; margin: 0px auto; } #text-1 .x5 .y1{ position: absolute; bottom: 0px; left:0px; } #text-1 .x5 .y2{ position: absolute; bottom: 0px; right: 0px; } #text-1 .x5 a:link{ text-decoration: none; color: red; } #text-1 .x6{ width: 100%; height: 1px; position: relative; margin: 0px auto; } #text-1 .x6 img{ position:absolute; bottom: 0px; right:0px; } #text-1 .x7{ width: 100%; height: 120px; /* background: #5C68F0;*/ position:absolute; } #text-1 .x7 a:link{ text-decoration: none; font-size: 12px; color: red; } #text-1 .x7 li{ height: 45px; line-height: 45px; list-style-position: inside; border-bottom: 1px dashed #ccc; } /*text-2开始*/ #text-2 .x1{ width: 100%; height: 32px; /* background: #ccc;*/ position: relative; } #text-2 .x1 ul{ position: absolute; bottom: 0px; } #text-2 .x1 li{ list-style: none; float: left; margin-left: 10px; } #text-2 .x1 a:link{ text-decoration: none; color: red; } #text-2 .x1 .y3{ position: absolute; right: 0px; bottom: 0px; } #text-2 .x2{ width: 100%; height: 1px; position: relative; margin: 0px auto; } #text-2 .x2 img{ position:absolute; bottom: 0px; right:0px; } #text-2 .x3{ width: 100%; height: 200px; position: relative; } #text-2 .x3 img{ height: 200px; width: 100%; } #text-2 .x4{ width: 100%; height: 32px; /* background: #ccc;*/ position:relative; } #text-2 .x4 .y1{ position: absolute; bottom: 0px; left:0px; } #text-2 .x4 a{ position:absolute; bottom: 0px; right:0px; color: #666; } #text-2 .x4 a:hover{ text-decoration: none; color: red; } #text-2 .x5{ width: 100%; height: 1px; position: relative; margin: 0px auto; } #text-2 .x5 img{ position:absolute; bottom: 0px; right:0px; } #text-2 .x6{ width: 100%; height: 250px; position: relative; margin: 0px auto; } #text-2 .x6 li{ height: 45px; line-height: 45px; border-bottom: 1px dashed #ccc; list-style-position: inside; font-size: 12px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } #text-2 .x6 a{ color: #5A5656; text-decoration: none; } #text-2 .x6 a:hover{ color: red; } /*text-3开始构建*/ #text-3 .x1{ width: 100%; height: 32px; /* background: #ccc;*/ position: relative; } #text-3 .x1 .y1{ position:absolute; bottom: 0px; left:0px; } #text-3 .x1 .y2{ position:absolute; bottom: 0px; right:0px; color: #666; } #text-3 .x1 a:link{ text-decoration: none; color: red; } #text-3 .x2{ width: 100%; height: 1px; position: relative; margin: 0px auto; } #text-3 .x2 img{ position:absolute; bottom: 0px; right:0px; } #text-3 .x3{ width: 100%; height: 380px; position: relative; margin: 0px auto; } #text-3 .x3 li{ height:80px; margin: 10px; list-style-position: inside; border-bottom: 1px dashed #ccc; } #text-3 .x3 ul{ list-style: outside none none; list-style-type: none; list-style-image: none; list-style-position: outside; } #text-3 .x4{ width: 100%; height: 32px; /* background: #ccc;*/ position: relative; } #text-3 .x4 .y1{ position:absolute; bottom: 0px; left:0px; } #text-3 .x4 .y2{ position:absolute; bottom: 0px; right:0px; color: #666; } #text-3 .x4 a:link{ text-decoration: none; color: red; } #text-3 .x5{ width: 100%; height: 1px; position: relative; margin: 0px auto; } #text-3 .x5 img{ position:absolute; bottom: 0px; right:0px; } #text-3 .x6{ width: 100%; height: 250px; position: relative; margin: 0px auto; } #text-3 .x6 li{ height: 45px; line-height: 45px; border-bottom: 1px dashed #ccc; list-style-position: inside; font-size: 12px; } #text-3 .x6 li a{ color: #5A5656; text-decoration: none; } #text-3 .x6 li a:hover{ color: red; } #nav-1{ width: 100%; height: 50px; /* background: red;*/ position: relative; border-top: 1px solid #DDD8D8; } #nav-1 li{ list-style-type:none; float: left; margin-left: 25px; font-size: 18px; line-height: 50px; position: relative; left:12%; } #nav-1 li a:link{ text-decoration: none; color: #ccc; } #bottom { width: 100%; height: 90px; background:url('x.png'); }