本文目录一览：

怎么设计出一个漂亮的网页登陆界面,

1、为了学习为目的，那么去了解css+div的技术。自己找教程或者买书看。

2、希望快速的得到网页。网上搜把。有专门那种模版之类的

3、又不想学习，也不想网上找找的，上淘宝之类的，付钱让别人做吧。

百度搜索：网站登录模版。然后各种收费的，免费的，这就得你自己找了

网页设计中用户登陆设计时怎样与数据库连接？

这样：

一个数据库，表名为login，假设为Access数据库,内有name,pw两个字段。

一个登陆页面：login.asp

一个检验页面：check.asp

login.asp部分代码（省略html代码，只列部分关键代码，不会的可发送消息给我）：

form method="post" action="info.asp"

input type="type" name="name"

input type="password" name="pw"

/form

check.asp部分代码：

%

dim name,pw

name=trim(request("name"))

pw=trim(request("pw"))

if name="" or pw="" then

response.Write "script language='javascript'window.confirm('对不起,用户名或密码均不能为空!');/script"

response.Write "script language='javascript'parent.window.history.go(-1);/script"

else

set rs=server.CreateObject("adodb.recordset")

sql="select * from info where name='"name"' and pw='"pw"'"

rs.open sql,conn,1,1

if rs.recordcount=0 then

response.Write "script language='javascript'window.confirm('对不起,用户名或密码错误，请重新登陆!');/script"

response.Write "script language='javascript'parent.window.history.go(-1);/script"

else

response.Write "script language='javascript'alert('登陆成功!');/script"

response.Write "location.href='admin.asp';" ''admin.asp为登陆成功后转向的页面

end if

end if

%

怎么设计WEB登录页面，让页面不平庸

用户活跃度是检验产品成功与否的重要指标之一，传统行业的商家极为重视门面的装潢，因为一个好的门面可以聚集人气，招揽更多的顾客。古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究，有一定的风水学说道理，更能彰显主人家的身份地位.由此可见，“门面’就如人的脸面之于人的形象一样重要，而WEB的登录页面就相当传统的“门面”。

现在越来越多的大型网站把登录和首页放在一起设计，由此可见登录页面的重要性，一个出彩的登录界面，将提升产品的品质，赋予产品独特的气质，登录界面也是一个发挥情感化设计，提升用户体验，拉近与用户之间距离的兵家必争之地，本文不谈趋势，不讲交互大道理，不涉及技术，就侃侃用户登录页面的一些设计表现形式。希望这些设计表现手法能给大家带来一些启发和灵感。

优雅大方

如果说iPad是介于传统电脑和手机之间的产品，那么tumblr则是介于blog和twitter之间的服务。相比twitter，它的功能更复杂、内容展示性更强、更加重视多媒体的应用。Tumblr做为轻博客的鼻祖，带来一种全新的视觉体验， 安东尼·德·圣-埃克苏佩里曾说过，“完美就是多一点则太多，少一点则太少。” Tumblr的登录页面没有过多的视觉干扰，优雅大方，一切元素的存在都是为了用户更好的登录，登录过程非常流畅。

精致的质感表现

iCloud是苹果公司所提供的云端同步服务，用户有5GB的免费存储空间。 负责Macintosh用户界面设计的柯戴尔·瑞茨拉夫回忆说：“乔布斯会一个像素一个像素地检查屏幕上的每个细节，确保相关的图像准确对齐。他非常重视细节，细致程度居然达到了像素的层面。如果发现问题，乔布斯就会立即冲着某个工程师大吼起来。”iCloud登录页面的设计继承了苹果公司对细节的苛求, 细致的纹理，微妙的阴影，精致的质感，完美的细节，金属光泽可以随着鼠标指针移动，底部的图标可以随着分辨率的大小自适应，改变排列方式，确保用户的浏览体验。

iCloud给我们上了很好的一课，有句大家都听过却未必做到的话——细节决定成败，丰富的细节可以提升设计的价值，也是判断一个设计高下的一条很重要的标准之一，精致舒适的质感纹理，给用户一种沉浸式，充满惊喜的登录体验，是一种很棒的表现方式。

小清新的插图

在网页设计中，插图非常具有表现力，它与绘画艺术关系密切。所以大部分设计职位，对手绘能力出众者格外青睐，许多表现技法都是借鉴了绘画艺术的表现技法。插画艺术与网页设计的的结合，具有独特的艺术魅力，从而更具表现力。越来越多的设计师，将插画运用到网页设计中来，生动有趣温情的清新插图，能迅速的抓住用户的眼球，让登录界面的更加具有亲和力，

163邮箱的登录页面就采用了大幅的插图,小邮差很快唤醒了80后等待来信的记忆，有故事的插图与用户建立情感的联系，唤起用户的心灵共鸣，让用户更有归属感。

Vimeo是一家提供高清视频存放服务的网站，在这里可以找到很多来自世界各地非常有创意的设计师。相信登录过Vimeo的朋友都对Vimeo的登陆页面记忆深刻。

人文关怀的品牌传达

设计以人为本，以人为本的设计不仅能提高产品的品质，还能提高设计的艺术水平，而登录页面是体现人文关怀，传播品牌理念的绝佳位置。

QQ邮箱登陆页面每一次刷新都能看到不同的内容，或用海子的诗，或用迈克尔.杰克逊的歌词，唤起用户的共鸣，设计手法简洁，主体信息突出，引导清晰，并没有多余的元素，界面中最重要的操作“登录”按钮使用了交通中通行的绿色，而没有使用常用的蓝色，细节设计非常考究，对每个细节都注入人文的关怀。

新浪微博将登录框设计成一条围脖的样式，用户的每一次登录都是一次品牌传达的过程，切合新浪力推的围脖品牌理念，织围脖的概念深入人心。

越来越大的登录框

越来越大的输入框设计，让用户输入起来感到心情舒畅，登录过程非常愉悦，在显示器越来越大的今天，mailchimp大输入框显的霸气十足，并且一反常态的可以看到自己的密码，第一次在WEB登录框里见到这种设计，非常贴心.正是这种不拘一格的设计，让mailchimp从一个内部项目蜕变成一个该公司最成功的商业产品。

简约而不简单

WEB设计的风格越来越趋向于简洁，登录页面大量地使用留白可以让登录框更加突出。最大程度的减少用户分心，从视觉的角度来看，简约的设计是平静的，砍掉了多余的元素，颜色，形状和纹理，不能使用让人眼前一亮的设计元素，只能靠空白去做视觉吸引力。布局的权衡及简化设计做的不到位的话很容易变的单调乏味，wordpress后台登陆页面采用适当的投影，灰色的巧妙运用，以及出错的抖动提示，让整个登录页面简约而不简单.堪称典范。

参考：拒绝平庸-浅谈web登录页面设计

网页制作如何制作用户登陆后界面

你现在网页中建立表单，“表单”你应该知道吧！然后建立数据库在网页中要编写代码最起码要用到“action"这是动作有这么一个代码"action=(你需要连接到的网页).asp”当用户注册或是登陆时网页直接链接到这个网页（后门链接），进入数据库中查找！！！

dim rs,conn

conn = "Driver={Microsoft Access Driver (*.mdb)};DBQ=" Server.MapPath("/xiaobai/q1.mdb")

Set rs = Server.CreateObject("ADODB.Recordset")

sql = "SELECT * FROM 表 "

rs.open sql,conn,3,3

这是相对路径上数据库链接的代码，这只是参考啊

网页登陆设计

做一个方法，返回值为BOOL型，返回true则登录成功，返回false则登录失败。

可以在数据库里面做一个存储过程。如：

create proc Proc_UserLogin

@UserName varchar(20), --传进来的用户名

@UserPwd varchar(20) --传进来的密码

as

begin

select count(*) from tbl_User where UserName=@UserNam and

UserPwd =@UserPwd --根据用户名和密码匹配返回首行首列

end

在vs里面也一个方法如：

public bool UserLogin（string UserName ,string UserPwd)

{

string ConString =""; //数据库连接字符串

string sql="Proc_UserLogin";

sqlconnection con=new sqlconnection(ConString);

sqlcommand cmd=new sqlcommand(sql,con);

cmd.commandText= CommandType .StoredProcedure;//指定sql语句为存储过程

cmd.parameters.AddWidthValue("@UserName",..);//省略号为你接受的参数

cmd.parameters.AddWidthValue("@UserPwd",..);

int result =0; //标志杆

try

{

con.open();

result=(int)cmd.ExecuteScaler(); //ExecuteScaler()这个方法返回的是一个Object对象，所以要进行拆箱

} catch(Execption ee)

throw ee;

}

finllay

{

con.close();

}

if (result0) //根据受影响的行数返回一个bool值类型的结果

{ return true;}

else

{ return false;}

}

差不多就是这样把，我写的有点粗糙哈~

网页制作中登陆界面设计代码

%@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

tdinput name="UserName" type="text" id="UserName2" size="23" maxlength="20"/td

/tr

tr

td align="right"用户密码：/td

tdinput name="Password" type="password" size="23" maxlength="20"/td

/tr

tr

td align="right"验 证 码：/td

tdinput 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"strong1024*768/strong/font

或以上才能达到最佳浏览效果！br

需要浏览器为strongfont color="#FF0000" /font/strongfont color="#FF0000"strongIE5.5/strong/font

或以上版本才能正常运行！！！/p

/form

/body

/html