远程控制之登录界面设计

效果图:

1、其中验证码参考文章:

http://www.jb51.net/article/16168.htm

Jsp生成页面验证码的方法[附代码]

对于从html当中程序中的一些个错误,主要由于资源的存放位置导致的。

2、对于form与div两者的关系

可以嵌套,而且div可以实现页面布局。而表单编程也可以不用根据表单的位置。也就是说,没有必要改变form的位置。

我们只需要布局好form里面input等一些个空间的位置即可。这个我们可以通过css来实现。如下面一些代码所示:

.u28
{

position:absolute;

left:656px;

top:330px;

width:205px;

height:28px;

;

;

text-align:
left;;

font-family:‘Arial‘;

font-size:
13px;

color:#999999;

font-style:normal;

font-weight:normal;

text-decoration:none;

?

}

?

.u29
{

position:absolute;

left:656px;

top:371px;

width:122px;

height:28px;

;

;

text-align:
left;;

font-family:‘Arial‘;

font-size:
13px;

color:#999999;

font-style:normal;

font-weight:normal;

text-decoration:none;

?

}

.u29_1
{

position:absolute;

left:780px;

top:410px;

width:80px;

height:40px;

}

3、还有一个就是在jsp当中路径不要出现中文,也就是说,所有的文件名字全部命名为英文。路径有问题的必须全部更改。

4、其中的logo是通过光影魔术手和绘图工具弄出来的。比例严格控制,可以通过绘图实现。

5、题外话,对于form当中提交按钮的实现,我们可以通过采用图片作为提交按钮

参考文章: http://heavengate.blog.163.com/blog/static/202381053201273091318307/

时间: 2024-10-10 20:32:48

远程控制之登录界面设计的相关文章

知识树登录界面设计

我们组做的是知识树软件,我分配的的任务是界面设计,如下: 源代码如下: <html> <head> <title>登录界面</title> </head> <body bgcolor="aliceblue"> <h1 align="center";>知识树软件系统</h1> <h2 align="center">Welcome to the

C#: 用户登录界面设计

1. 在主界面loading的时候创建一个dictionary,从用户文件中加载用户信息 1 using System; 2 using System.Collections.Generic; 3 using System.ComponentModel; 4 using System.Data; 5 using System.Drawing; 6 using System.Linq; 7 using System.Text; 8 using System.Windows.Forms; 9 usi

登录界面设计之三:界面搭建

登录界面的搭建还是比较简单的,虽然有点简陋,但能用的姑且当做好的吧,如下图: 这里使用的是DevExpress控件,其中值得一看的就是使用LayoutControl控件来进行TextEdit控件的布局.对于一般几个TextEdit并排的布局而言,使用这个控件的效果还是不错的. 既然涉及到了系统的登录,那么自然少不了数据库的连接等操作了.这里,我自己做的时候也很乱,争取能表述的清楚一些. 首先,如果要访问数据库,那没库不行哈.那么,就赶着手头的东西,赶紧弄个库出来吧. 数据库创建与表设计 具体流程

tkinter+pickle+python的一个登录界面设计

1.代码: #导出模块 import tkinter as tk from tkinter import messagebox import pickle #定义登录的窗口.标题.大小和位置 window = tk.Tk() window.title('Welcome to Python') window.geometry('800x500+800+200') #window.configure(bg='pink') #设置主窗口的configure的一个参数:bg(背景颜色) window.c

jsp登录界面设计

实现结果:在login.jsp页面提交用户名和密码(可以验证是否为空),点击登录跳转到loginResult.jsp页面进行验证并显示结果 JSP + JDBC + MySQL login.jsp 设计一个表单,内容为两个输入框,一个用来输入用户名,另一个用来输入密码,并有一个提交按钮 用JavaScript函数验证输入框是否都不为空 代码为: 1 <%@ page language="java" contentType="text/html; charset=UTF-

【Android】Android 登录界面设计和网络连接及验证登录

AndroidManifest.xml <uses-permission android:name="android.permission.INTERNET"></uses-permission> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/> 布局文件:activity_main.xml <RelativeLayout xm

Bootstrap风格登录界面设计样例

参考:http://bootsnipp.com/tags/login Register Page 127.8K 187 Modal Login with jQuery Effects 159.2K 210 Custom Login, Registration & Forgot Password 171.8K 113 Clean Modal Login Form 160.5K 184 Login and Register tabbed form 151.7K 175 Google style lo

深入分析:互联网登录界面交互设计那些事

无论网页或是移动APP的设计,很重要的一点是如何能在小而美和功能复杂性之间找到平衡点.本文就移动APP表单设计进行浅析,看设计师是如何在设计与交互体验之间做到小而美的平衡. 一.极致的减法 这是一个异于常规设计思路而得的登录框产物,这不是通常意义上的登录窗.它仅仅保留了用户名的输入,只需按回车便可确定,跳出了登录界面设计中的条条框框,配色方面也足够醒目与简单. 二.引人注目的用户界面 1.模糊背景 最近,模糊背景的运用如雨后春笋般冒了出来,因为模糊背景的运用不仅让整个网站显得更加人性化,并且在很

登录窗口设计简单测试步骤

首先参考:http://bbs.qter.org/forum.php?mod=viewthread&tid=12, 详细看过以上教程一遍后,不在参考以上教程,而按照如下步骤独立完成登录界面设计,这样在对设计的流程和步骤的把握中形成自己的认识,增强学习效果: 1.新建qt gui应用 2.在主窗口中添加按钮或者进行其他设计,如果仅为测试不需要对主窗口进行更改直接进入第3步 3.工程中添加新文件--设计师类,并在创建成功后的弹出的ui设计界面拖入两个label和两个lineEdit作为用户名和密码输