Community Learn Tools Library Leisure
search
English
Home > List of blog posts > PHP第二期在线培训第四天作业
Blogger Information
Blog 42
fans 3
comment 2
visits 32132
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
PHP第二期在线培训第四天作业
HeartofSunny的博客
Original
637 people have browsed it

一、代码：

  1. admin.html

    <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>admin</title>
</head>
<body>
	<table border="0" cellspacing="0" cellpadding="0" align="center" width="100%">
		<tr height="60" bgcolor="black">
			<td colspan="2">
				<iframe src="inc/top.html" name="top" height="80" width="100%" frameborder="0" align="centet" scrolling="no"></iframe>
			</td>
		</tr>
		<tr>
			<td width="200" bgcolor="393d49">
				<iframe src="inc/left.html" name="left" height="600" width="200" frameborder="0" align="center" scrolling="no"></iframe>
			</td>
			<td>
				<iframe src="inc/setup.html" name="right" height="600" width="100%" frameborder="0" align="left" scrolling="no"></iframe>
			</td>
		</tr>
	</table>
</body>
</html>
    运行实例 »

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

  2. top.html

    <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<table border="0">
		<tr>
			<td width="640" valign="middel"><h2 align="left"><font color="white">后台管理系统</font></h2></td>
			<td align="right" valign="bottom" width="1440"><p><a href=""><img src="../images/1.png" width="100" height="40"></a>
				<a href=""><img src="../images/logout.png"></a></p></td>
		</tr>
	</table>
	
</body>
</html>

    运行实例 »

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

  3. left.html

    <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>left</title>
</head>
<body>
		<a href="setup.html"><img src="../images/2.png"></a>
		<img src="../images/3.png">
		<ul type="none">
			<li><a href="url.html" target="right"><img src="../images/4.png"></a></li>
			<li><a href=""><img src="../images/5.png"></a></li>
		</ul>
		<img src="../images/6.png">
		<ul type="none">
			<li><a href="vip.html" target="right"><img src="../images/7.png"></a></li>
			<li><a href=""><img src="../images/8.png"></a></li>
		</ul>
		<img src="../images/9.png">
		<ul type="none">
			<li><a href="setup.html" target="right"><img src="../images/10.png"></a></li>
			<li><a href=""><img src="../images/11.png"></a></li>
		</ul>
</body>
</html>

    运行实例 »

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

  4. url.html

    <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>url</title>
</head>
<body>
	<table border="0" cellspacing="0" cellpadding="5" align="left" width="100%">
		<tr>
			<td><a href=""><img src="../images/15.png"  alt="增加栏目" title="增加栏目"></a></td>
		</tr>
		<tr bgcolor="EDEDED" align="center">
			<th width="80">ID</th>
			<th width="300">栏目名称</th>
			<th width="400">内容模型</th>
			<th width="600">操作</th>
		</tr>
		<tr align="center" bgcolor="#F5FFFA">
			<td>01</td>
			<td>网页基础</td>
			<td>普通文章</td>
			<td>
				<a href=""><img src="../images/12.png"  alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/14.png"  alt="删除" title="删除"></a>
		</tr>
		<tr align="center">
			<td>02</td>
			<td>站长图集</td>
			<td>图片库</td>
			<td>
				<a href=""><img src="../images/12.png"  alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/14.png"  alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center" bgcolor="#F5FFFA">
			<td>03</td>
			<td>软件下载</td>
			<td>软件</td>
			<td>
				<a href=""><img src="../images/12.png"  alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/14.png"  alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>04</td>
			<td>商品销售</td>
			<td>商品</td>
			<td>
				<a href=""><img src="../images/12.png"  alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/14.png"  alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center" bgcolor="#F5FFFA">
			<td>05</td>
			<td>分类信息</td>
			<td>分类信息</td>
			<td>
				<a href=""><img src="../images/12.png"  alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/14.png"  alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr>
			<td><a href=""><img src="../images/16.png"  alt="更新排序" title="增加栏目"></a></td>
			<td><a href=""><img src="../images/17.png"  alt="重置" title="重置"></a></td>
		</tr>
	</table>
</body>
</html>

    运行实例 »

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

  5. vip.html

    <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>vip</title>
</head>
<body>
	<table border="0" cellspacing="0" cellpadding="5" align="left" width="100%">
		<tr>
			<td><a href=""><img src="../images/18.png"  alt="添加用户" title="添加用户"></a></td>
		</tr>
		<tr bgcolor="EDEDED" align="center">
			<th width="80">ID</th>
			<th width="300">用户名</th>
			<th width="400">用户类型</th>
			<th width="600">操作</th>
		</tr>
		<tr align="center" bgcolor="#F5FFFA">
			<td>01</td>
			<td>guest</td>
			<td>来宾</td>
			<td>
				<a href=""><img src="../images/12.png"  alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/14.png"  alt="删除" title="删除"></a>
		</tr>
		<tr align="center">
			<td>02</td>
			<td>admin</td>
			<td>管理员</td>
			<td>
				<a href=""><img src="../images/12.png"  alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/14.png"  alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center" bgcolor="#F5FFFA">
			<td>03</td>
			<td>lost</td>
			<td>普通用户</td>
			<td>
				<a href=""><img src="../images/12.png"  alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/14.png"  alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>04</td>
			<td>Lucifer</td>
			<td>普通用户</td>
			<td>
				<a href=""><img src="../images/12.png"  alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/14.png"  alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center" bgcolor="#F5FFFA">
			<td>05</td>
			<td>Light</td>
			<td>测试用户</td>
			<td>
				<a href=""><img src="../images/12.png"  alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/14.png"  alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr>
			<td><a href=""><img src="../images/16.png"  alt="更新排序" title="增加栏目"></a></td>
			<td><a href=""><img src="../images/17.png"  alt="重置" title="重置"></a></td>
		</tr>
	</table>
</body>
</html>

    运行实例 »

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

  6. setup.html

    <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>setup</title>
</head>
<body>
	<table border="0" cellspacing="0" cellpadding="5" align="left" bgcolor="#F5FFFA">
		<caption>
			<h3>系统配置信息表</h3>
			<hr width="80%">
		</caption>
		<tr>
			<td width="160" align="right"><label for="title">网站标题:</label></td>
			<td width="400" align="left"><input type="text" id="title" name="title" value="" placeholder="不多于28个字符" size="50"></td>
		</tr>
		<tr>
			<td align="right"><label for="keywords">网站关键字:</label></td>
			<td align="left"><input type="text" id="keywords" name="keywords" value="" placeholder="不多于40个字符" size="50"></td>
		</tr>
		<tr>
			<td valign="middle" align="right"><label for="desc">网站描述:</label></td>
			<td align="left"><textarea id="desc" name="desc" rows="5" cols="50" placeholder="不多于120个字符"></textarea></td>
		</tr>
		<tr>
			<td align="center" colspan="2">
				<input type="image" name="submit" src="../images/19.png">
			</td>
		</tr>
	</table>
</body>
</html>

    运行实例 »

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

二、 运行效果

QQ图片20180321160452.pngQQ图片20180321160500.pngQQ图片20180321160506.png



三、手抄

微信图片_20180321155647.jpg




Correction status：qualified

Teacher's comments：作业已检查！ 只用一个nice来形容你的作业吧！完成的很棒棒！！！
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