<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>教务处-中南林业科技大学涉外学院</title>
</head>
<style>
body{
margin: 0px;
font-size: 14px;
color: #333;
padding: 0;
/* border: 1px solid red ; */
}
.header{
width: 100%;
height: 142px;
background-color: #176ec9;
}
.header img{
margin-top: 28px;
/* animation: 1s; */
margin-left: 110px;
}
ul{
list-style: none;
}
.nav{
height: 50px;
}
.menu a{
float: left;
font-size: 20px;
color: #333;
padding: 0 20px;
text-decoration: none;
}
.lf{
width: 391px;
height: 477px;
float: left;
}
.lf a{
font-size: 25px;
margin-left: 40px;
color: #333;
}
a{
text-decoration: none;
}
.bgyl a{
font-size: 25px;
margin-left: 40px;
color: #333;
}
</style>
<body>
<div class="header">
<div class="contianer">
<img src="https://swxy.csuft.edu.cn/images/logo_jwc.png" alt="">
</div>
</div>
<!-- 导航栏 -->
<div class="nav">
<ul class="menu">
<li>
<a href="https//www.baidu.com">规章制度</a>
</li>
<li>
<a href="https//www.baidu.com">通知公告</a>
</li>
<li>
<a href="https//www.baidu.com">新闻动态</a>
</li>
<li>
<a href="https//www.baidu.com">质量监控</a>
</li>
<li>
<a href="./涉外学院教务处.html">教务系统</a>
</li>
<li>
<a href="https//www.baidu.com">教学改革</a>
</li>
<li>
<a href="https//www.baidu.com">教学监控</a>
</li>
</ul>
</div>
<div>
<img src="https://ts1.cn.mm.bing.net/th/id/R-C.09f67f3d47361ac9796c70f9cd262ee4?rik=CJBJ8%2fP8M40tAw&riu=http%3a%2f%2fstatic-data.gaokao.cn%2fupload%2fschool%2f201905%2f1559710535_8638_thumb.jpg&ehk=3TZbwYbzsBEYKx5dzlUd2%2fZycSDZW1bAQnrM0jdRUDI%3d&risl=&pid=ImgRaw&r=0"
alt="" height="392px" width="1473px">
</div>
<div class="main">
<div class="lf">
<a href="https://swxy.csuft.edu.cn/jwc/jwcxwdt/">新闻动态</a>
<p>2024年湖南省普通高校教师课堂教学竞赛校内选拔赛顺利举办</p>
</div>
</div>
<div class="box">
<div class="bgyl">
<a href="https://swxy.csuft.edu.cn/jwc/jwctzgg/">通知公告</a>
<p>关于2024年学院教师数字化教学竞赛结果的公示</p>
<p>2024届校级优秀毕业设计(论文)推荐名册</p>
</div>
</div>
</body>
</html>
登录页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>综合教务管理系统-强智科技</title>
<!-- 登录页面 -->
<style>
.top{
width: 1480px;
height: 150px;
background-image: url(http://zswxyjw.minghuaetc.com/znlykjdxswxy/framework/images/index_02.png);
background-repeat: no-repeat;
background-position: 260px;
}
.middle{
width: 1480px;
height: 300px;
background-color: rgb(240, 239, 239);
background-image: url(https://ts1.cn.mm.bing.net/th/id/R-C.500d24ac47dd90f8da1c64751ed8b9e7?rik=qoN%2fOMKMu9YD%2fg&riu=http%3a%2f%2fimgtec.eetrend.com%2fsites%2fimgtec.eetrend.com%2ffiles%2f201811%2fblog%2f19095-37803-1-09.jpg%3f1541139788&ehk=jmd76qV2i3Jy%2fYZL3OULHEC4tYkC3Hequ%2fKCBLnfxVw%3d&risl=&pid=ImgRaw&r=0);
background-repeat: no-repeat;
background-position: 260px;
background-size: 450px;
}
.end{
width:800px;
height: 20px;
text-align: center;
color: #999999;
}
.denglu{
position: fixed;
top: 220px;
right: 430px;
padding-bottom: 20px;
font-family: "微软雅黑";
color: #333;
font-size: 24px;
margin: auto;
}
form{
position: fixed;
top: 270px;
right: 300px;
}
.tianjia{
width: 600px;
height: 250px;
position: absolute;
bottom: 20px;
left: 450px;
margin: auto;
background-image: url(https://ts1.cn.mm.bing.net/th/id/R-C.2f5e949eb9a40e203b99a435f6b8079d?rik=3oawxOquY2XcnA&riu=http%3a%2f%2fimg.pconline.com.cn%2fimages%2fbbs4%2f20089%2f6%2f1220685454646.jpg&ehk=LcM1wd8xynEAQ659dsiMawzL3Wz2%2bZYHLT1yqzPP46M%3d&risl=&pid=ImgRaw&r=0);
background-size: 500PX;
background-repeat: no-repeat;
background-position: center;
}
</style>
</head>
<body>
<div class="top"></div>
<div class="middle">
<div class="denglu">用户登录</div>
<form action="./涉外学院教务处.html" method="get">
<p>用户名:<input type="text" name="usename" id="usename" value=""></p>
<p>密码:<input type="password" name="password" id="password"></p>
<p><button type="submit">登录</button></p>
</form>
</div>
<div class="end">
湖南强智科技发展有限公司版权所有
</div>
<div class="tianjia"></div>
</body>
</html>
学生中心
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>学生个人中心</title>
<style>
*{
margin: 0px;
}
.Nsb-top{
width: 1200px;
height: 75px;
background-image: url(http://zswxyjw.minghuaetc.com/znlykjdxswxy/framework/images/index_02.png);
background-repeat: no-repeat;
position: relative;
left: 280px;
}
.firstmenu{
width: 1488px;
height: 41px;
background-color: rgb(118, 195, 242);
line-height: 41px;
}
.body{
width: 910px;
height: 450px;
position: relative;
margin: auto;
/* border: 1px solid red ; */
font-size: 12px;
color: #fff;
}
.h{
width: 1488px;
height: 10px;
/* border: 1px solid red; */
}
.foot{
width: 950px;
height: 45px;
border-top: 1px solid #acc2e9;
position: relative;
margin: auto;
line-height: 30px;
color: #666;
text-align: center;
font-size: 12px;
}
.block1{
width: 265px;
height: 287px;
background: #09619F;
}
.block1 img{
position: absolute;
top: 92px;
left: 28px;
}
.blocktex{
position: absolute;
top: 169px;
left: 33px;
}
.blocktext{
position: absolute;
top: 120px;
left: 135px;
width: 150px;
height: 73px;
line-height: 21px;
}
.block2{
width: 153px;
height: 287px;
background: #4fb5c7;
position: absolute;
top: 0px;
left: 270px;
}
.block3 {
position: absolute;
width: 173px;
height: 141px;
background: #1978D8;
left: 428px;
top: 0px;
}
.block4 {
position: absolute;
width: 173px;
height: 141px;
background: #90A8E3;
left: 428px;
top: 146px;
}
.block5 {
position: absolute;
width: 304px;
height: 141px;
background: #DB6987;
right: 0px;
top: 0px;
}
.block6 {
position: absolute;
width: 304px;
height: 141px;
background: #8E7AAA;
right: 0px;
top: 146px;
}
.block7 {
position: absolute;
width: 130px;
height: 138px;
background: #187D9A;
top: 292px;
}
.block8{
position: absolute;
width: 130px;
height: 138px;
background: #A0CF41;
left: 135px;
top: 292px;
}
.block9{
position: absolute;
width: 153px;
height: 138px;
background: #EAAF76;
left: 270px;
top: 292px;
}
.block10{
position: absolute;
width: 173px;
height: 138px;
background: #88BAD9;
left: 428px;
top: 292px;
}
.block11{
position: absolute;
width: 149px;
height: 138px;
background: #B69CCC;
left: 606px;
top: 292px;
}
.block12{
position: absolute;
width: 149px;
height: 138px;
background: #09619F;
right: 0px;
top: 292px;
}
a{
color: #fff;
}
.img2{
position: absolute;
top: 92px;
left: 43px;
}
.img3{
position: absolute;
top: 29px;
left: 38px;
}
.img4{
position: absolute;
top: 21px;
left: 48px
}
.img5{
position: absolute;
top: 28px;
left: 21px;
}
.img6{
position: absolute;
top: 12px;
left: 21px;
}
.img7{
position: absolute;
top: 26px;
left: 30px;
}
.img8{
position: absolute;
top: 26px;
left: 30px;
}
.img9{
position: absolute;
top: 26px;
left: 41px;
}
.img10{
position: absolute;
top: 22px;
left: 51px;
}
.img11{
position: absolute;
top: 19px;
left: 45px;
}
.img12{
position: absolute;
top: 26px;
left: 45px;
}
.blocktex2{
position: absolute;
top: 164px;
left: 48px;
}
.blocktex3{
position: absolute;
top: 91px;
left: 58px;
}
.blocktex4{
position: absolute;
top: 91px;
left: 57px;
}
.blocktex5{
position: absolute;
top: 96px;
left: 35px;
}
.blocktex6{
position: absolute;
top: 96px;
left: 35px;
}
.blocktex7{
position: absolute;
top: 94px;
left: 36px;
}
.blocktex8{
position: absolute;
top: 94px;
left: 35px;
}
.blocktex9{
position: absolute;
top: 94px;
left: 46px;
}
.blocktex10{
position: absolute;
top: 94px;
left: 25px;
}
.blocktex11{
position: absolute;
top: 94px;
left: 47px;
}
.blocktex12{
position: absolute;
top: 94px;
left: 46px;
}
.firstmenu a{
color: #eaf6fd;
font-size: 14px;
font-weight: bold;
float: left;
/* display: inline-block; */
height: 41px;
padding: 0 20px;
}
a{
text-decoration: none;
}
ul{
list-style: none;
}
</style>
</head>
<!-- 6个div -->
<body>
<div class="Nsb-top"></div>
<div class="firstmenu">
<ul>
<!-- <li class="homepage">首页</li> -->
<li title="我的桌面">
<a href="https://www.baidu.com/">我的桌面</a>
</li>
<li title="学籍成绩">
<a href="https://www.baidu.com/">学籍成绩</a>
</li>
<li title="培养管理">
<a href="https://www.baidu.com/">培养管理</a>
</li>
<li title="考试报名">
<a href="https://www.baidu.com/">考试报名</a>
</li>
<li title="教学评价">
<a href="https://www.baidu.com/">教学评价</a>
</li>
</ul>
</div>
<div class="h"></div>
<div class="h"></div>
<div class="body">
<div class="block1">
<div class="img">
<img src="http://zswxyjw.yinghuaonline.com/znlykjdxswxy_jsxsd/framework/images/tp1.png" alt="">
</div>
<div class="blocktex">个人信息</div>
<div class="blocktext">
姓名:蒋康
<br>
学号: 2023013499
</div>
</div>
<a href="https://www.icourse163.org/?_trace_c_p_k2_=2e621e5eacbf4cc1b93287f02bfbd7d1">
<div class="block2">
<div class="img2">
<img src=" http://zswxyjw.yinghuaonline.com/znlykjdxswxy_jsxsd/framework/images/tp2.png" alt="">
</div>
<div class="blocktex2">选课中心</div>
</div>
<div class="block3">
<div class="img3">
<img src=" http://zswxyjw.yinghuaonline.com/znlykjdxswxy_jsxsd/framework/images/tp3.png" alt="">
</div>
<div class="blocktex3">学生评教</div>
</div>
<div class="block4">
<div class="img4">
<img src="http://zswxyjw.yinghuaonline.com/znlykjdxswxy_jsxsd/framework/images/tp4.png" alt="">
</div>
<div class="blocktex4">培养方案</div>
</div>
<div class="block5">
<div class="img5">
<img src=" http://zswxyjw.yinghuaonline.com/znlykjdxswxy_jsxsd/framework/images/tp5.png" alt="">
</div>
<div class="blocktex5">已收留言</div>
</div>
<div class="block6">
<div class="img6">
<img src=" http://zswxyjw.yinghuaonline.com/znlykjdxswxy_jsxsd/framework/images/tp6.png" alt="">
</div>
<div class="blocktex6">已收公告</div>
</div>
<div class="block7">
<div class="img7">
<img src=" http://zswxyjw.yinghuaonline.com/znlykjdxswxy_jsxsd/framework/images/tp7.png" alt="">
</div>
<div class="blocktex7">课程程序查询</div>
</div>
<div class="block8">
<div class="img8">
<img src=" http://zswxyjw.yinghuaonline.com/znlykjdxswxy_jsxsd/framework/images/tp8.png" alt="">
</div>
<div class="blocktex8">教学周历</div>
</div>
<div class="block9">
<div class="img9">
<img src=" http://zswxyjw.yinghuaonline.com/znlykjdxswxy_jsxsd/framework/images/tp9.png" alt="">
</div>
<div class="blocktex9">授课计划查询</div>
</div>
<div class="block10">
<div class="img10">
<img src="http://zswxyjw.yinghuaonline.com/znlykjdxswxy_jsxsd/framework/images/tp10.png" alt="">
</div>
<div class="blocktex10">未获得学分成绩查询</div>
</div>
<div class="block11">
<div class="img11">
<img src=" http://zswxyjw.yinghuaonline.com/znlykjdxswxy_jsxsd/framework/images/tp11.png" alt="">
</div>
<div class="blocktex11">学籍卡片</div>
</div>
<div class="block12">
<div class="img12">
<img src=" http://zswxyjw.yinghuaonline.com/znlykjdxswxy_jsxsd/framework/images/tp12.png" alt="">
</div>
<div class="blocktex12">修改密码</div>
</div>
</a>
</div>
<div class="foot">Copyright (C) 湖南强智科技发展有限公司 All Rights Reserved 湘ICP 备12010071号</div>
</body>
</html>