❶ 如何制作网站的用户登录界面
很多用户在开发 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 >
麻烦采纳，谢谢!
❷ 网页设计用html和js制作一个登录界面,大神帮帮忙
① 建议使用HTML标签时用语义化标签，比如主块部分就先用一个section标签括起来；
② 外加css样式设置美化页面，特别是登录界面的灵动感；
③ JavaScript绑定事件，实现更加人性化的功能；
❸ 网页设计制作详细流程
分析如下：
1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。
(3)网站制作课程怎么制作登录界面扩展阅读：
网页设计
设计网站要注意两个要点：整体风格和色彩搭配。
风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。
风格（Style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。
色彩搭配
无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。
网页配色小技巧：
1．用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感；
2．用两种色彩：先选定一种色彩，然后选择它的对比色；
3．用一个色系：简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。
在网页配色中，还要切记一些误区：
1．不要将所有颜色都用到，尽量控制在三至五种色彩以内；
2．背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。