Créer une page ...LOGIN

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.




section suivante
<!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
chapitredidacticiel