Créer une page HTML de connexion

Dans le chapitre précédent sur la sélection des modèles, nous vous recommandons de télécharger et d'utiliser le modèle de gestion d'arrière-plan MUI bleu exquis et concis à partir du site de téléchargement de sites Web chinois php Toutes les fonctions de gestion d'arrière-plan de ce didacticiel sont exploitées via ce modèle.

Renommez le document téléchargé dans le dossier "admin" . Et placez-le sous l'environnement construit de WWW et le fichier de projet vidoe construit.

Comme le montre l'image :

20.png

Trouvez le fichier de connexion à l'intérieur. Ce fichier est la page HTML statique pour la connexion.

Ouvrez la page :

21.png

J'ai constaté qu'il y avait des fichiers .css et .js dans l'en-tête. Ces fichiers déterminent le style du fichier et l'implémentation de certaines fonctions js dynamiques. Doit être référencé à partir des dossiers css et js.

Les dossiers css et js dans le document "admin" sont les suivants :

22.png

Faites attention au chemin pointé par la flèche.

Après avoir importé tous les fichiers, exécutez le fichier login.html dans le navigateur, et vous obtiendrez la page suivante :

23.png

De cette façon, notre page statique de connexion de gestion en arrière-plan est complétée.




Formation continue
||
<!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>
soumettreRéinitialiser le code
  • Recommandations de cours
  • Téléchargement du didacticiel