Blogger Information
Blog 4
fans 0
comment 0
visits 2133
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
3-20课程——框架
罗树的博客
Original
442 people have browsed it

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>PHP中文网商城后台管理系统</title>
</head>
<body>
	<!-- 后台分为上下二部分,其中下部再分为左右二部分,左边显示菜单,右边是对应的内容 -->

	<table border="0" cellspacing="1" cellpadding="5" align="center" width="960">
		<!-- 顶部 -->
		<tr height=60>
			<td colspan="2">
				<iframe src="inc/top.html" name="top" height="70"  width="100%" frameborder="0" align="center" scrolling="no"></iframe>
			</td>
		</tr>

		<!-- 我是一条风骚的分隔线 -->
		<tr><td width="100%" colspan="2"><hr></td></tr>
		
		<!-- 中间主体:分左右二栏 -->
		<tr>
			<!-- 左边菜单栏 -->
			<td>
				<iframe src="inc/left.html" name="left" height="600" width="140" frameborder="0" align="center" scrolling="no"></iframe>
			</td>
			<!-- 右边内容区 -->
			<td>
				<iframe src="inc/default.html" name="right" height="600" width="800" frameborder="0" align="left" scrolling="no"></iframe>
			</td>
		</tr>

		<!-- 我是一条风骚的分隔线 -->
		<tr><td width="100%" colspan="2"><hr></td></tr>

		<!-- 底部 -->
		<tr>
			<td colspan="2">
				<iframe src="inc/footer.html" name="footer" height="70"  width="100%" frameborder="0" align="center"></iframe>
			</td>
		</tr>
	</table>
	
	
	
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>left</title>
</head>
<body>
	<h4><img src="../images/user.jpg" width="30">用户管理</h4>
		<ul type="none">
			<!-- a标签的target属性值设置为要访问的框架的name名即可,这里是在右侧显示:right -->
			<li><img src="../images/file.jpg" width="20"><a href="user.html" target="right">用户查询</a></li>
			<li><img src="../images/file.jpg" width="20"><a href="">分类管理</a></li>
		</ul>

		<hr>
	<h4><img src="../images/folder.jpg" width="30">商品管理</h4>
	<ul type="none">
		<li><img src="../images/file.jpg" width="20"><a href="foods.html" target="right">商品查询</a></li>
		<li><img src="../images/file.jpg" width="20"><a href="">分类管理</a></li>
	</ul>

	<hr>
	<h4><img src="../images/folder.jpg" width="30">订单管理</h4>
	<ul type="none">
		<li><img src="../images/file.jpg" width="20"><a href="order.html" target="right">订单查询</a></li>
		<li><img src="../images/file.jpg" width="20"><a href="">分类管理</a></li>
	</ul>

	<hr>
	<h4><img src="../images/set.jpg" width="20">系统设置</h4>
	<ul type="none">
		<li><img src="../images/file.jpg" width="20"><a href="system.html" target="right">基本配置</a></li>
		<li><img src="../images/file.jpg" width="20"><a href="">高级配置</a></li>
	</ul>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例



Correction status:qualified

Teacher's comments:作业已检查! 手写代码未提交!请及时提交! 页面代码少传了吧!
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post