403-使用框架实现后台管理系统的布局.html
<html>
<frameset rows="10%, *">
<frame src="top.html" name="top" />
<frameset cols="10%, *">
<frame src="left.html" name="left" />
<frame src="right.html" name="right" />
</frameset>
</frameset>
</html>
top.html
<!DOCTYPE html>
<html>
<head>
<title>top</title>
<meta ="Content-Type" content=
"text/html;charset=utf-8"/>
</head>
<body align="center">
<br />
欢迎进入SiKi学院后台管理系统
</body>
</html>
left.html
<!DOCTYPE html>
<html>
<head>
<title>left</title>
<meta ="Content-Type" content=
"text/html;charset=utf-8"/>
</head>
<body align="center">
<a href="商品管理.html" target="right">商品管理</a>
</body>
</html>
right.html
<!DOCTYPE html>
<html>
<head>
<title>right</title>
<meta ="Content-Type" content=
"text/html;charset=utf-8"/>
</head>
<body align="center">
今天新增了10000个学员,有900个用户新注册。
</body>
</html>
商品管理.html
<!DOCTYPE html>
<html>
<head>
<title>商品管理</title>
<meta ="Content-Type" content=
"text/html;charset=utf-8"/>
</head>
<body align="center">
这个是商品管理界面。
</body>
</html>