網站后臺管理界面的設計是要在數據庫建好只好才能進行、、如果數據庫還沒建好的話，那連接部分先設置為空，頁面轉置方面也不能完成功能。今天工作完成得很早，就自己寫了個代碼，還有頁面背景圖片用了學習時候的一個例子，如果自己需要設置地有個性，可用自己網站的logo設置自己的風格
- <!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>后臺登陸界面</title>
- <style type="text/css">
- <!--
- .work{
- font-size:32px;
- color:#FF6600;
- padding-top:180px;
- }
- body {
- background-color: #336699;
- }
- body {
- background-color: #CCCCFF;
- background-image: url(images/2.jpg);
- }
- .STYLE1 {
- font-size: 18px;
- font-weight: bold;
- }
- .form{
- padding-top:280px;
- padding-right:50px;
- padding-left:600px;
- }
- .STYLE2 {color: #FFCCFF}
- -->
- </style>
- </head>
- <body>
- <form method="post" action="" class="form">
- <table width="280" border="0" align="center">
- <tr>
- <td width="87" align="center" valign="middle" background="images/1.jpg"><div align="right" class="STYLE1">
- <div align="right">用戶名：</div>
- </div></td>
- <td width="183" background="images/1.jpg" bgcolor="#CCFFFF"><span class="STYLE2">
- <label>
- <input name="name" type="text" id="name" maxlength="10" />
- </label>
- </span></td>
- </tr>
- <tr>
- <td height="37" align="center" valign="middle" background="images/1.jpg"><div align="right"><span class="STYLE1">密 碼</span>：</div></td>
- <td background="images/1.jpg" bgcolor="#CCFFFF"><span class="STYLE2">
- <label>
- <input name="pwd" type="password" id="pwd" maxlength="20" />
- </label>
- </span></td>
- </tr>
- <tr>
- <td align="center" valign="middle" background="images/1.jpg"><label>
- <div align="center">
- <input type="submit" name="Submit" value="提交" />
- </div>
- </label></td>
- <td background="images/1.jpg" bgcolor="#CCFFFF"><span class="STYLE2">
- <label>
- </span>
- <div align="center" class="STYLE2">
- <input name="reset" type="reset" id="reset" value="重置" />
- </div>
- <span class="STYLE2">
- </label>
- </span></td>
- </tr>
- </table>
- </form>
- </body>
- </html>
表單部分如果CSS+DIV熟練的話那就不要用table標記，table標記做的話可能代碼量大，會影響速度。
下面的圖片是上面代碼運行之后的結果。
新聞熱點
疑難解答
