HTML--後臺管理系統
阿新 • • 發佈:2018-11-19
後臺管理系統 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>後臺管理</title> </head> <frameset rows="150,*" > <frame noresize="noresize" src="後臺頭部.html" /> <frameset cols="200,*"> <frame noresize="noresize" src="左側內容.html" /> <frame noresize="noresize" src="網站主體.html" name="body" /> </frameset> </frameset> </html>
後臺管理系統--後臺頭部.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>後臺頭部</title>
</head>
<body>
<h1 align="center">後臺管理系統</h1>
</body>
</html>
後臺管理系統--左側.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>左側內容</title> </head> <body> <ul type="none"> <li><h3><a href="系統管理.html" target="body">系統管理</a></h3></li> <li><h3><a href="人員管理.html" target="body">人員管理</a></h3></li> <li><h3><a href="考勤管理.html" target="body">考勤管理</a></h3></li> <li><h3><a href="內容管理.html" target="body">內容管理</a></h3></li> <li><h3><a href="網站首頁.html" target="body">網站首頁</a></h3></li> <li><h3><a href="修改密碼.html" target="body">修改密碼</a></h3></li> </ul> </body> </html>
後臺管理系統--網站主體.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>網站主體</title>
</head>
<body>
<h2>我是網站主體</h2>
</body>
</html>
後臺管理系統--系統管理.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>系統管理</title> </head> <body> 我是系統管理 </body> </html>
後臺管理系統--人員管理.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>人員管理</title>
</head>
<body>
我是人員管理
</body>
</html>
後臺管理系統--考勤管理.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>考勤管理</title>
</head>
<body>
我是考勤管理
</body>
</html>
後臺管理系統--內容管理.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>內容管理</title>
</head>
<body>
我是內容管理
</body>
</html>
後臺管理系統--網站首頁.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>網站首頁</title>
</head>
<body>
我是網站首頁
</body>
</html>
後臺管理系統--修改密碼.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>修改密碼</title>
</head>
<body>
我是修改密碼
</body>
</html>
實現效果如下(專案雖小,還需要勤練習,如有其它具體要求,自己可適當新增。):
點選左邊每個專案,右邊都會對應的顯示。
原創:(未經同意,不得轉載,謝謝!)