（第八周）知识树登录界面设计

我们组做的是知识树软件，我分配的的任务是界面设计，之前已经自学了一些基础知识，现在正式的设计登录界面，成品大概如下：

<html>
    <head>
    <title>登录界面</title>
    </head>
    <body bgcolor="aliceblue">
        <h1 align="center";>知识树软件系统</h1>
        <h2 align="center">Welcome to the software system knowledge tree
</h2>
        <br />
        <input style="font-size: 30px;background-color: lightgoldenrodyellow;width: 100px;height: 50px;margin-left: 600;margin-top: 200px;" type ="button" value ="登录" onclick="window.location.href='file:///C:/Users/Administrator/Desktop/登录界面.html'">
        <br/>
        </form>
        <input style="font-size: 30px;background-color: lightgoldenrodyellow;width: 100px;height: 50px;margin-left: 600;margin-top: 0px;" type="button" name="close" value="退出" onclick="window.close();" />
        </form>
    </body>
</html>

代码中h1为软件标题h2欢迎进入软件，然后还有登录及退出按钮，点击登录按钮会进入登录界面，点击退出按钮会关闭网页，还有就是实在没找到什么好看的图片所以直接设置了背景颜色。

<html>
    <head>
    <title>登录界面</title>
    </head>
    <body background="C:/Users/Administrator/Desktop/3.jpg">
        <h1 align="center">欢迎进入知识树</h1>
        <h2 align="center">Welcome to the software system knowledge tree
</h2>
        <form action="/example/html/form_action.asp" method="get">
          <p>用户: <input style="margin-top: 200px;" type="text" name="user" /></p>
          <p>密码: <input style="margin-top: 0px;" type="text" name="password" /></p>
        </form>
        <input type ="button" value ="注册" onclick="window.location.href='http://www.163.com'">
        <input type ="button" value ="登录" onclick="window.location.href='http://www.163.com'">
    </body>
</html>

 如上是登录界面内容，背景换了个颜色，太单调就自己加了个图片自己打的诗然后截图放上去的，有用户和密码的输入界面输入正确的用户密码就会进入到知识树软件，错误的用户密码就会提示错误然后返回重新输入。

posted @ 2016-04-24 17:10  常源2014551526  阅读(372)  评论(0)  编辑  收藏  举报