ログインHTMLページを作成する

前のテンプレート選択の章では、Blue Exquisite and Simple MUI Backend Management Template を php 中国語 Web サイトのダウンロードサイトからダウンロードして使用することをお勧めします。このチュートリアルの機能すべての操作はこのテンプレートを通じて実行されます。

ダウンロードしたドキュメントの名前を 「admin」 フォルダーに変更します。そして、構築した WWW 環境と、構築した vidoe プロジェクトファイルの下に置きます。

図に示すように:

中にある login ファイルを見つけます。このファイルはログイン用の静的 HTML ページです。

ページを開く:

ヘッダーに .css および .js ファイルがあることがわかります。これらのファイルは、ファイルのスタイルを決定し、いくつかの動的js関数の実装。 css および js フォルダーから参照する必要があります。

「admin」ドキュメント内の css フォルダーと js フォルダーは次のとおりです。

矢印が指すパスに注目してください。

すべてのファイルをインポートした後、ブラウザでlogin.htmlファイルを実行すると、次のページが表示されます。

これは私たちの背景です。管理ログイン静的ページが完成しました。

学び続ける

新しいファイル

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable
        =no" />
    <meta name="renderer" content="webkit">
    <title>登录</title>
    <link rel="stylesheet" href="css/pintuer.css">
    <link rel="stylesheet" href="css/admin.css">
    <script src="js/jquery.js"></script>
    <script src="js/pintuer.js"></script>
</head>
<body>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX