（第八週）知識樹登陸界面設計

時間 2019-11-10

標籤第八知識登陸界面設計简体版

原文原文鏈接

咱們組作的是知識樹軟件，我分配的的任務是界面設計，以前已經自學了一些基礎知識，如今正式的設計登陸界面，成品大概以下：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歡迎進入軟件，而後還有登陸及退出按鈕，點擊登陸按鈕會進入登陸界面，點擊退出按鈕會關閉網頁，還有就是實在沒找到什麼好看的圖片因此直接設置了背景顏色。spa

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