简易html静态网页
成都文理学院实训平台：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box{ width: 1500px; height: 1500px; } .box1{ width: 1500px; height: 100px; } .box12{ width: 400px; height: 100px; float: left; } .box13{ width: 250px; height: 100px; text-align: center; line-height: 100px; float: left; } .box14{ width: 250px; height: 100px; line-height: 100px; float: left; } .box15{ width: 250px; height: 100px; line-height: 100px; float: left; font-size: large; } .box15{ width: 250px; height: 100px; line-height: 100px; float: left; font-size: large; } .item{ width: 125px; height: 50px; margin-top: 21px; line-height: 35px; text-align: center; background-color: aqua; } .item2{ width: 125px; height: 50px; margin-top: 21px; line-height: 35px; text-align: center; background-color: rgb(225, 81, 122); float: left; } .picture{ width: 1500px; height: 546px; } .gongkai{ width: 200px; height: 50px; } span{ font-size: xx-large; font-weight: 1000; } .class1{ width: 1500px; height: 300px; float: left; } .class2{ width: 1500px; height: 300px; float: left; } .class11{ width: 370px; height: 300px; float: left; } .class12{ width: 370px; height: 300px; float: left; } .class13{ width: 370px; height: 300px; float: left; } .class14{ width: 370px; height: 300px; float: left; } .class21{ width: 370px; height: 300px; float: left; } .class22{ width: 370px; height: 300px; float: left; } .class23{ width: 370px; height: 300px; float: left; } .class24{ width: 370px; height: 300px; float: left; } </style> </head> <body> <div class="box"> <div class="box1"> <div class="box12"><img src="https://s3.canghuikeji.com/upfiles/kmUUpz1Efzaqbq4Rajg9.png" alt=""></div> <div class="box13"> <b><big>首页</big></b> <b><big>全部课程</big></b> <b><big>公开课</big></b> </div> <div class="box14"> <input type="text" name="keyword" style="width: 150px;" placeholder="请输入课程名称" value="" class="inp"> <span class="icon"></span> <input type="submit" value=" " class="btn"> </div> <div class="box15"> <div class="item"><a href="/manage/index" class="btn1">教师登录</a></div> </div> <div class="16"> <div class="item2"><a href="/user/login" class="btn2">学生登录</a></div> </div> </div> <div class="picture"> <img width="1500px" src="./zxshixun.cdcas.com_ (1).png" ></div> <div class="gongkai"> <span> 公开课 </span> </div> <div class="class1"> <div class="class11"><img width="375px" src="https://s3.canghuikeji.com/upfiles/1718615411292.png" alt=""><b><big><big>儿童口腔医学</big></big></b> 成都文理学院实训平台</div> <div class="class11"><img width="375px" src="https://s3.canghuikeji.com/upfiles/1718694395881.jpg" alt=""><b><big><big>投资经济学</big></big></b> 成都文理学院实训平台</div> <div class="class11"><img width="375px" src="https://s3.canghuikeji.com/upfiles/1718689537441.png" alt=""><b><big><big>玩具设计</big></big></b> 成都文理学院实训平台</div> <div class="class11"><img width="375px" src="https://s3.canghuikeji.com/upfiles/1718766927847.jpg" alt=""><b><big><big>和声学</big></big></b> 成都文理学院实训平台</div> </div> <div class="class2"> <div class="class11"><img width="375px" src="https://s3.canghuikeji.com/upfiles/1718676140846.png" alt=""><b><big><big>劳动教育</big></big></b> 成都文理学院实训平台</div> <div class="class11"><img width="375px" src="https://s3.canghuikeji.com/upfiles/1718612937065.jpg" alt=""><b><big><big>投资学</big></big></b> 成都文理学院实训平台</div> <div class="class11"><img width="375px" src="https://s3.canghuikeji.com/upfiles/1718778321619.jpg" alt=""><b><big><big>程光学</big></big></b> 成都文理学院实训平台</div> <div class="class11"><img width="375px" src="https://s3.canghuikeji.com/upfiles/1718764519828.jpg" alt=""><b><big><big>智能制造</big></big></b> 成都文理学院实训平台</div> </div> </div> </body> </html>实训平台登录界面：
<!DOCTYPE html> <html> <head> <title>成都文理学院登录</title> <style> .head{ width: 1500px; height: 100px; } .body{ width: 1500px; height: 800px; float: left; } .picture{ width: 800px; height: 560px; float: left; } .join{ background-image: url(https://zxshixun.cdcas.com/static/login/images/loginnew-box.jpg); width: 690px; height: 500px; text-shadow: 10px 10px 10px rgb(216, 196, 196); display: flex; align-items: center; justify-content: center; float: left; } </style> </head> <body> <div class="head"> <img src="https://s3.canghuikeji.com/upfiles/kmUUpz1Efzaqbq4Rajg9.png" alt=""></div> <div class="body"> <div class="picture"> <img width="800px" height="500px" src="https://zxshixun.cdcas.com/static/login/images/loginnew-img.jpg" alt=""></div> <div class="join"> <form action=""> <h2>学生登录</h2> <label for="username">用户名：</label><br> <input type="text" id="username" name="username"><br> <label for="password">密码：</label><br> <input type="password" id="password" name="password"><br><br> <input type="submit" value="登录"> </form> </div> </div> </body> </html>