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

最新推荐文章于 2024-07-05 11:29:56 发布

dhruxc9308

最新推荐文章于 2024-07-05 11:29:56 发布

阅读量165

点赞数

原文链接：http://www.cnblogs.com/changyuan/p/5427493.html

版权

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

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