<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Login</title>
<style>
ul{
list-style:none;
text-decoration:none;
margin:0;
padding:0;
}
ul li{
line-height:30px;
padding-left:30px;
}
.log{
background:url(images/bg0.jpg) no-repeat;
width:387px;
height:200px;
}
.log form{
width:342px;
height:185px;
background-color:#cedeed;
margin:1px auto 0 auto;
padding-top:5px;
}
.a{
background:url(images/bg2.jpg) no-repeat 0 -3px;
width:150px;
height:30px;
border:0;
}
.b{
background:url(images/login.jpg) no-repeat;
width:74px;
height:30px;
border:0;
}
</style>
</head>
<body>
<div class="log">
<form class="logform" name="logform" method="post" action="">
<ul>
<li><span>用户名</span><input type="text" name="username" class="a" /></li>
<li><span>密 码</span><input type="text" name="username" class="a" /> <a href="#">忘记密码？</a></li>
<li><input type="checkbox" name="remenber" value="1" />记住密码</li>
<li><input type="button" name="login" alt="登录" class="b" /> <a href="#">新用户注册</a></li>
</ul>
</form>
</div>
</body>
</html>
说明：图片我是按照你的那个截取的素材，你可以自己裁剪下，所有图片都在和此html同目录下的images文件夹中。
<%
option explicit
'强制浏览器重新访问服务器下载页面，而不是从缓存读取页面
Response.Buffer = True
Response.Expires = -1
Response.ExpiresAbsolute = Now() - 1
Response.Expires = 0
Response.CacheControl = "no-cache"
'主要是使随机出现的图片数字随机
%>
<html>
<head>
<title>管理员登录</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="Admin_Style.css">
<script language=javascript>
function SetFocus()
{
if (document.Login.UserName.value=="")
document.Login.UserName.focus();
else
document.Login.UserName.select();
}
function CheckForm()
{
if(document.Login.UserName.value=="")
{
alert("请输入用户名！");
document.Login.UserName.focus();
return false;
}
if(document.Login.Password.value == "")
{
alert("请输入密码！");
document.Login.Password.focus();
return false;
}
//if (document.Login.CheckCode.value==""){
// alert ("请输入您的验证码！");
// document.Login.CheckCode.focus();
// return(false);
}
}
</script>
</head>
<body onLoad="SetFocus();">
<p> </p>
<form name="Login" action="Admin_ChkLogin.asp" method="post" target="_parent" onSubmit="return CheckForm();">
<table width="300" border="0" align="center" cellpadding="5" cellspacing="0" class="border" >
<tr class="title">
<td colspan="2" align="center"> <strong>管理员登录</strong></td>
</tr>
<tr>
<td height="120" colspan="2" class="tdbg">
<table width="250" border="0" cellspacing="8" cellpadding="0" align="center">
<tr>
<td align="right">用户名称：</td>
<td><input name="UserName" type="text" id="UserName2" size="23" maxlength="20"></td>
</tr>
<tr>
<td align="right">用户密码：</td>
<td><input name="Password" type="password" size="23" maxlength="20"></td>
</tr>
<tr>
<td align="right">验 证 码：</td>
<td><input name="CheckCode" size="15" maxlength="6">
1109 </td>
</tr>
<tr>
<td colspan="2"> <div align="center">
<input type="submit" name="Submit" value=" 确认 ">
<input name="reset" type="reset" id="reset" value=" 清除 ">
<br>
</div></td>
</tr>
</table>
</td>
</tr>
</table>
<p align="center">后台管理页面需要屏幕分辨率为 <font color="#FF0000"><strong>1024*768</strong></font>
或以上才能达到最佳浏览效果！<br>
需要浏览器为<strong><font color="#FF0000"> </font></strong><font color="#FF0000"><strong>IE5.5</strong></font>
或以上版本才能正常运行！！！</p>
</form>
</body>
</html>