1、推薦幾個Ui設計網站，比如pc網站布局之類的網站。登錄界面扁平化設計之類的
站酷，視覺.me,紅動中國，花瓣，昵圖，ps聯盟都不錯，也應該多看看國外的創意
2、網頁製作中登陸界面設計代碼
<%@language=vbscript codepage=936 %>
<%
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>
3、網站的登錄頁面應該怎麼設計
網站的登錄頁面要求簡單、干凈；主要展示用戶名、密碼；下面就有個注冊和忘記密碼，以這樣的形式來展示就可以了。
4、如何製作網頁登陸界面？
<html>
<head>
</head>
<body>
<form>
2個文本框（用戶名+密碼）
提交按鈕 提交到動態頁（asp\aspx\php\jsp）做判斷
</form>
</body>
</html>
5、網頁製作如何製作用戶登陸後界面
你現在網頁中建立表單，「表單」你應該知道吧！然後建立資料庫在網頁中要編寫代碼最起碼要用到「action"這是動作有這么一個代碼"action=(你需要連接到的網頁).asp」當用戶注冊或是登陸時網頁直接鏈接到這個網頁（後門鏈接），進入資料庫中查找！！！
dim rs,conn
conn = "Driver={Microsoft Access Driver (*.mdb)};DBQ=" & Server.MapPath("/xiao/q1.mdb")
Set rs = Server.CreateObject("ADODB.Recordset")
sql = "SELECT * FROM 表 "
rs.open sql,conn,3,3
這是相對路徑上資料庫鏈接的代碼，這只是參考啊
6、html網頁登錄界面跳轉設計
下面列了五個例子來詳細說明，這幾個例子的主要功能是：在5秒後，自動跳轉到同目錄下的hello.html（根據自己需要自行修改）文件。
1) html的實現
<head>
<!-- 以下方式只是刷新不跳轉到其他頁面 -->
<meta http-equiv="refresh" content="10">
<!-- 以下方式定時轉到其他頁面 -->
<meta http-equiv="refresh" content="5;url=hello.html">
</head>
優點：簡單
缺點：Struts Tiles中無法使用
2) javascript的實現
<script language="javascript" type="text/javascript">
// 以下方式直接跳轉
window.location.href='hello.html';
// 以下方式定時跳轉
setTimeout("javascript:location.href='hello.html'", 5000);
</script>
優點：靈活，可以結合更多的其他功能
缺點：受到不同瀏覽器的影響
3) 結合了倒數的javascript實現（IE）
<span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
var second = totalSecond.innerText;
setInterval("redirect()", 1000);
function redirect(){
totalSecond.innerText=--second;
if(second<0) location.href='hello.html';
}
</script>
優點：更人性化
缺點：firefox不支持（firefox不支持span、div等的innerText屬性）
3') 結合了倒數的javascript實現（firefox）
<script language="javascript" type="text/javascript">
var second = document.getElementById('totalSecond').textContent;
setInterval("redirect()", 1000);
function redirect()
{
document.getElementById('totalSecond').textContent = --second;
if (second < 0) location.href = 'hello.html';
}
</script>
4) 解決Firefox不支持innerText的問題
<span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
if(navigator.appName.indexOf("Explorer") > -1){
document.getElementById('totalSecond').innerText = "my text innerText";
} else{
document.getElementById('totalSecond').textContent = "my text textContent";
}
</script>
5) 整合3)和3')
<span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
var second = document.getElementById('totalSecond').textContent;
if (navigator.appName.indexOf("Explorer") > -1) {
second = document.getElementById('totalSecond').innerText;
} else {
second = document.getElementById('totalSecond').textContent;
}
setInterval("redirect()", 1000);
function redirect() {
if (second < 0) {
location.href = 'hello.html';
} else {
if (navigator.appName.indexOf("Explorer") > -1) {
document.getElementById('totalSecond').innerText = second--;
} else {
document.getElementById('totalSecond').textContent = second--;
}
}
}
</script>
參考http://www.cnblogs.com/aszx0413/articles/1886819.html
7、如何製作網站的用戶登錄界面
很多用戶在開發 ASP.NET 應用程序時都有這樣的需求：管理員角色的賬戶使用管理員的登錄界面進行登錄，普通用戶角色的賬戶使用普通用戶的登錄界面進行登錄。由於ASP.NET的web.config里只能使用一個 authentication mode="Forms" 節點，所以，要實現不同用戶採用不同的登錄界面，一個辦法就是創建一個管理員專用的虛擬目錄，並設置為應用程序來實現。下面介紹另外一種採用重定向的辦法來解決這個問題。 本文介紹的方法原理是根據登錄界面的返回地址進行判斷，然後重定向到不同的頁面。下面就是實現的詳細過程。 1，創建一個網站，在網站里創建Admin文件夾和User文件夾，分別存放admin和普通用戶所使用的文件。也可以只設置一個 Admin 文件夾。由於本方法採用的判斷返迴路徑的方法，所以，要能從路徑中區分出哪些是admin用戶使用的文件夾。當然，採用其他的判斷方法也是可以的。 2，在網站根目錄下分別創建3個登錄文件：Login.aspx、UserLogin.aspx和AdminLogin.aspx。其中Login.aspx文件起地址轉換的作用，Login.aspx文件的主要內容： protected void Page_Load(object sender, EventArgs e) { String ReturnUrl = Request.QueryString["ReturnUrl"]; if (ReturnUrl == null || ReturnUrl.Equals(String.Empty)) { //默認情況下，按普通用戶進行登錄 Response.Redirect("~/UserLogin.aspx"); } else { if (ReturnUrl.ToLower().Contains("/admin/")) { Response.Redirect("~/AdminLogin.aspx?ReturnUrl=" + Server.UrlEncode(ReturnUrl)); } else { Response.Redirect("~/UserLogin.aspx?ReturnUrl=" + Server.UrlEncode(ReturnUrl)); } } 在這個文件的代碼中，如果ReturnUrl中含有"/admin/"，就重定向到AdminLogin.aspx登錄界面；否則，就重定向到 UserLogin.aspx 登錄界面。 UserLogin.aspx這個文件的內容如下： < %@ Page Language="C#" % > < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > < mce:script runat="server" >< !-- protected void Button1_Click(object sender, EventArgs e) { //密碼驗證過程在此省略，假如用戶名是mxh,密碼是mengxianhui String UserName = "mxh"; FormsAuthenticationTicket ticket = new FormsAuthenticationTicket(2,//票證的版本號 UserName,//與身分驗證票關聯的用戶名 DateTime.Now, //票證發出時的本地日期和時間 DateTime.Now.AddHours(1),//票證過期的本地日期和時間 true,// 如果票證存儲在持久性cookie中（跨瀏覽器會話保存）則為 true 否則為false 如果票證儲存在URL中，將忽略此值 "reader",//儲存在票證中持定的用戶信息，本頁面供 reader 登錄使用 FormsAuthentication.FormsCookiePath //票證儲存在cookie中的路徑 ); //如果 forms 元素的 protection 屬性設置為 All 或 Encryption，則窗體身份驗證使用 Encrypt 方法對窗體身份驗證票進行加密和簽名。 string encTicket = FormsAuthentication.Encrypt(ticket); HttpCookie cookie = new HttpCookie(FormsAuthentication.FormsCookieName, encTicket); Response.Cookies.Add(cookie); Response.Redirect(FormsAuthentication.GetRedirectUrl(UserName, true)); } // -- >< /mce:script > < html xmlns=" http://www.w3.org/1999/xhtml" > < head runat="server" > < title >孟憲會之多用戶登錄測試頁面< /title > < /head > < body > < form id="form1" runat="server" > 普通用戶登錄界面省略< br / > < asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="普通用戶登錄" / > < /form > < /body > < /html > < %@ Page Language="C#" % > < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > < mce:script runat="server" >< !-- protected void Button1_Click(object sender, EventArgs e) { //密碼驗證過程在此省略，假如用戶名是mxh,密碼是mengxianhui String UserName = "mxh"; FormsAuthenticationTicket ticket = new FormsAuthenticationTicket(2,//票證的版本號 UserName,//與身分驗證票關聯的用戶名 DateTime.Now, //票證發出時的本地日期和時間 DateTime.Now.AddHours(1),//票證過期的本地日期和時間 true,// 如果票證存儲在持久性cookie中（跨瀏覽器會話保存）則為 true 否則為false 如果票證儲存在URL中，將忽略此值 "reader",//儲存在票證中持定的用戶信息，本頁面供 reader 登錄使用 FormsAuthentication.FormsCookiePath //票證儲存在cookie中的路徑 ); //如果 forms 元素的 protection 屬性設置為 All 或 Encryption，則窗體身份驗證使用 Encrypt 方法對窗體身份驗證票進行加密和簽名。 string encTicket = FormsAuthentication.Encrypt(ticket); HttpCookie cookie = new HttpCookie(FormsAuthentication.FormsCookieName, encTicket); Response.Cookies.Add(cookie); Response.Redirect(FormsAuthentication.GetRedirectUrl(UserName, true)); } // -- >< /mce:script > < html xmlns=" http://www.w3.org/1999/xhtml" > < head runat="server" > < title >孟憲會之多用戶登錄測試頁面< /title > < /head > < body > < form id="form1" runat="server" > 普通用戶登錄界面省略< br / > < asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="普通用戶登錄" / > < /form > < /body > < /html >
麻煩採納，謝謝!