如何用dreamweaver制作登录页面

作者&投稿:习叛 (若有异议请与网页底部的电邮联系)
如何用dreamweaver制作用户登录界面~

1、插入一个div,设置为400x300px大小,背景色为米黄色,居中。


2、输入标题文字和用户名、密码,调整位置。


3、继续插入填写部分,插入--表单--文本域,所以需要输入内容的“框”都是文本域。设置用户名文本域ID为username,点击确定。


4、继续同样的方式插入密码的文本域,设置ID为password。因为密码是非明文的,不需要显示,所以在属性面板里选择文本域的类型--密码。


5、插入按钮。插入--表单--按钮,插入两个按钮,ID分别设置为login和reg。login按钮设置为登陆,reg按钮设置为注册。


6、初始值是输入内容时,填写框显示的提示文字。


7、这样一个简单的登陆界面就做好了。

用DW把页面代码协写好,用FTP上传到服务器,用web链接到数据库。建议你上百度查查详细资料。

这是我编写的一个比较简单的登录页面,将这代码复到网页的<body></body>中间,再加一些美工上的修改就行了
登录页面:
<script language="JavaScript">
<!--
function check()
{
if (guanli.username.value=="") {
alert ("用户名不能为空,请输入用户名!");
document.huiyuan.username.focus();
return false;
}
if (guanli.password.value=="") {
alert ("密码不能为空,请输入密码!");
document.huiyuan.password.focus();
return false;
}
}
-->
</script>

<form name="guanli" method="POST" action="checkadmin.asp" onSubmit="return check(guanli)" >
用户名:<input type="text" name="username" size="20" style="BORDER-BOTTOM: #FFFFFF 1px double; BORDER-LEFT: #FFFFFF 1px double; BORDER-RIGHT: #FFFFFF 1px double; BORDER-TOP: #FFFFFF 1px double; BACKGROUND: #93CF43 COLOR: #000000; FONT-SIZE: 9pt">
密  码:<input type="password" name="password" size="20" style="BORDER-BOTTOM: #FFFFFF 1px double; BORDER-LEFT: #FFFFFF 1px double; BORDER-RIGHT: #FFFFFF 1px double; BORDER-TOP: #FFFFFF 1px double; BACKGROUND: #93CF43 COLOR: #000000; FONT-SIZE: 9pt">
<input type="submit" value="登陆" name="B1" style="BORDER-BOTTOM: #FFFFFF 1px double; BORDER-LEFT: #FFFFFF 1px double; BORDER-RIGHT: #FFFFFF 1px double; BORDER-TOP: #FFFFFF 1px double; BACKGROUND: #93CF43 COLOR: #000000; FONT-SIZE: 9pt">
<input type="submit" value="取消" name="B1" style="BORDER-BOTTOM: #FFFFFF 1px double; BORDER-LEFT: #FFFFFF 1px double; BORDER-RIGHT: #FFFFFF 1px double; BORDER-TOP: #FFFFFF 1px double; BACKGROUND: #93CF43 COLOR: #000000; FONT-SIZE: 9pt">

</form>
检查页面:文件名为:checkadmin.asp
<!--#include file=conn.asp-->

<%
dim sql
dim rs
dim username
dim password
username=trim(request("username"))
password=trim(Request("password"))
set rs=server.createobject("adodb.recordset")
sql="select * from admin where username='"&username&"'"
rs.open sql,conn,1,2
if not(rs.eof) then
if password=rs("password") then
session("admin")=rs("username")
session("id")=rs("id")
session("truename")=rs("truename")
response.Redirect("admin_index.asp")
%>

<%
else
%>
<script language="JavaScript" type="text/JavaScript">
alert("你的密码错误,请重新输入!!不是管理员请立即离开");
history.back();
</script>
<% end if%>
<%else%>
<script language="JavaScript" type="text/JavaScript">
alert("输入错误,请重新输入!!不是管理员请立即离开");
history.back();
</script>
<% end if%>
<%
rs.close
conn.close
set rs=nothing
set conn=nothing
%>

其中CONN为实现打开数据库

先配置IIS服务器,然后建立新的站点,然后建一个数据库,然后进行登录页面的设计,然后用dreamweaver建立数据库的连接,然后查询数据库里的用户名与密码,用IF语句进行判断,如果正确则导入后面的页面,否则登出到首页

这与ASP相关,可以通过ASP来实现。
不过DW中也可以直接设计数据库网站
不过要安IIS服务
和ODBC数据库连接


dreamwe中改变文字大小
软件里的字体大多都是认“宋体”,自要是有变化,你应该选中字,然后按下面属性里的“格式”选择“无”。

在联想电脑上如何下载并安装dreamwesr?
在百度上输入Dreamweraver下载 然后就会出来一系列关于Dreamweraver的下载页面,在官方网站上下吧 不过都是试用版的 大概可以用一个月左右吧 因为要是要付费的!

Dreamweraver中CSS中的边框 下面的"点划线"和"虚线"区别在那里_百度知 ...
不可以的.因为他是设置好的不能改.不过你可以自定义.也就是自己设置.

为什么我的word文档存了之后会变成dreamwecerr的格式,应该怎么把它取消...
你可能修改了WORD的默认保存为网页格式了,修改方法:2007以上:WORD选项--保存--保存文档,将“将文件保存为此格式”中选择*.doc或*.docx,确定。

dreamweam 制作问题 请高手指教
放到服务器上就好了..或者自己架个服务器,放上去,再预览就不会每次都提醒允许阻止内容了

怎么样阻止Dreamwezver cs5 访问网络,因为它总是提示我让我 弄 序列号...
功能能大全-网络设置- 如截图,红色部分可可以设置网速。。或者管理也行

Dreamweeaver里面表格用过回车怎么缩小
不要使用回车来换行,使用Ctrl+Enter换行就可以缩小行距了

《Be what you wanna be 》这首歌的歌词用中文翻译
i know that we all got one thing 我知道我们都有一件事 that we all share together 那就是我们都在分享的 we got that one nice dream 我们都拥有一个美好的梦想 we live for 我们为之生存 you never know what life could bring 你永远不知道生活会带来什么 cause nothing last for ever ...

It will be on that day,we achieve our dream.We ge
总会有那一天,我们梦想成真 。我们欢聚一堂,彼此祝贺,回顾着这三年时光。

We dream about (what) do with the money.
“对,do with是固定短语就就是因为用了它作谓语,所以只能用What。如果用how就必须用deal with。落了to.正确的应该是:We dream about what to do with the money.”谢谢!

隆德县18058191458: 怎么用Dreamweaver做一个登陆界面 -
守红乙肝: 制作登录页面:用div+css布局,包含有用户名和密码,登录和注册;制作登录页面,你可以用css样式控制输入框的宽、高、颜色值、背景色、边框颜色;制作登录和注册按钮,可以做出一些比较引人注目的效果.

隆德县18058191458: 如何用dreamweaver制作登录页面 -
守红乙肝: 这是我编写的一个比较简单的登录页面,将这代码复到网页的<body></body>中间,再加一些美工上的修改就行了 登录页面:<script language="JavaScript"><!-- function check() { if (guanli.username.value=="") { alert ("用户名不能为空,...

隆德县18058191458: 用dreamweaver制作一个需要输入正确账号和密码方可继续的登录界面 -
守红乙肝: 你问的问题很含混不清.但所有服务端脚本实现用户登陆机制都差不多,语法不同,但方式类似.1、用你的服务端脚本进行数据库连接(连接到你的access)2、用dreamweaver制作登陆的页面,基本元素有“用户名”,“密码”,提交按钮3、再用dreamweaver新建一页,该页的服务端脚本用来接收上一页的用户名和密码,写好检验你用户名和密码的SQL语句4、在这页使用第一步的数据库连接运行上一步骤写好的SQL语句,返回查询结果5、根据结果判断用户名还是密码错误.

隆德县18058191458: 怎么制作登陆界面dreamweaver8 -
守红乙肝: dreamweaver8只能做一个界面样子,不能实现任何功能.就是加入两个文本域(帐号和密码)然后还有一个提交按键. 要实现功能就涉及到编程和后台数据库交换,至少是Asp+Access

隆德县18058191458: 怎样用dreamweaver制作注册和登录系统 -
守红乙肝: 第一点 光用dreamweaver 是做不出来的因为dreamweaver是做静态html的要想做 注册和登录 必须做出动态网站 也就是说需要用到数据库 推荐你学asp.net 21教育网上有很多教程 你可以在上面去选一种 语言学习 上面有视频 讲得也很简单 很适合你

隆德县18058191458: 网页中的登陆窗口用Dreamweaver怎么制作?
守红乙肝: 插入表格进行布局设计即可

隆德县18058191458: 怎么用Dreamweaver做一个动态的登陆界面 -
守红乙肝: Dreamweaver里制作登录窗口 http://jingyan.baidu.com/article/f79b7cb37d5a209144023ee3.html

隆德县18058191458: dreamweaver中,如何编辑登陆页面
守红乙肝: 在Dreamweaver中插入JavaScript脚本,插入之后进行编辑...

隆德县18058191458: 怎么用Dreamweaver做出登录弹窗? -
守红乙肝: 首先你得会写代码,就正常用一个层做弹窗,先把他隐藏了,然后用js控制点击某个按钮,让他显示就可以了,如果你想在dw里面用鼠标点两下就实现那还是算了吧,不可能的.

隆德县18058191458: 如何用DREAMWEAVER制作登陆页面,登陆的时候需要验证码 -
守红乙肝: 如果你就是要用DREAMWEAVER做个简单的静态页面登陆验证,那么下面给个简单的代码可供参考,实际登录验证的话要和数据库发生关系,不是一两句话就可以说清楚的哦,慢慢来吧 http://www.w3.org/1999/xhtml"> 无标题文档 function validate(){if(document.form1.userName.value==""){alert('请输入用户名!');return false;}eles if(document.form1.pwd.value==""){alert('请输入密码!');return false;}eles{return true;}} 用户名: 密码:

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网