Programmer une page identifiant/mot de passe
kev225
Messages postés
45
Statut
Membre
-
kev225 Messages postés 45 Statut Membre -
kev225 Messages postés 45 Statut Membre -
Bonjour,
Bonjour,
Je suis un débutant en programmation web mais j'ai pu créer en XHTML des pages web pour pouvoir gérer des clients. J'explique un peu comment marche mon application:
Il y aura un administrateur (un et un seul) qui s'authentifiera grâce à un identifiant et un mot de passe (l'identifiant et le mot de passe de l'administrateur sont déjà crées dans une base de données). Une fois authentifié (si l'identifiant et le mot de passe sont pas conformes à ceux inscrit dans la base de donnée), l'administrateur pourra accéder au différentes pages pour ajouter, modifier ou même supprimer des clients.
Ma première page est celle où l'administrateur doit s'authentifier. Je l'ai nommé Index.html.
Après l'authentification, on doit être redirigé sur une autre page qui s'appelle ListeDesClients.php.
Voici en gros toutes les explications et mon problème est que je suis bloqué dans la partie programmation pour pouvoir faire fonctionner la page.
Merci de bien vouloir m'aidez
Voici en dessous le code ma page index.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Service Internet </title>
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" title="default" />
<!-- jquery core -->
<script src="js/jquery/jquery-1.4.1.min.js" type="text/javascript"></script>
<!-- Custom jquery scripts -->
<script src="js/jquery/custom_jquery.js" type="text/javascript"></script>
<!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
<script src="js/jquery/jquery.pngFix.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(document).pngFix( );
});
</script>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
width:98px;
height:74px;
z-index:1;
left: -231px;
top: -175px;
background-image: url(images/Logo/LOGO%20SMBT%20OK.jpg);
background-color: #313131;
background-repeat: no-repeat;
color: #2E2E2E;
}
#apDiv2 {
position:absolute;
width:236px;
height:119px;
z-index:1;
left: 25px;
top: 13px;
}
-->
</style>
</head>
<body id="login-bg">
<!-- Start: login-holder -->
<div id="login-holder">
<!-- start logo -->
<div id="logo-login">Administrateur</div>
<!-- end logo -->
<div class="clear"></div>
<!-- start loginbox ................................................................................. -->
<div id="loginbox">
<!-- start login-inner -->
<div id="login-inner">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<th>Identifiant</th>
<td><input type="text" class="login-inp" /></td>
</tr>
<tr>
<th>Mot de passe</th>
<td><input type="password" onfocus="this.value=''" class="login-inp" /></td>
</tr>
<tr>
<th></th>
<td valign="top"><input type="checkbox" class="checkbox-size" id="login-check" />
Se souvenir de moi</td>
</tr>
<tr>
<th></th>
<td><a href="ListeDesClients.php"><input name="Envoyer" type="submit" class="submit-login" value="Envoyer" /></a></td>
</tr>
</table>
</div>
<!-- end login-inner -->
<div class="clear"></div>
<a href="" class="forgot-pwd">Mot de passe oublié ?</a>
</div>
<!-- end loginbox -->
<!-- start forgotbox ................................................................................... -->
<div id="forgotbox">
<div id="forgotbox-text">Please send us your email and we'll reset your password.</div>
<!-- start forgot-inner -->
<div id="forgot-inner">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<th>Email address:</th>
<td><input type="text" value="" class="login-inp" /></td>
</tr>
<tr>
<th> </th>
<td><input type="button" class="submit-login" /></td>
</tr>
</table>
</div>
<!-- end forgot-inner -->
<div class="clear"></div>
<a href="" class="back-login">Back to login</a>
</div>
<!-- end forgotbox -->
</div>
<!-- End: login-holder -->
</body>
</html>
Bonjour,
Je suis un débutant en programmation web mais j'ai pu créer en XHTML des pages web pour pouvoir gérer des clients. J'explique un peu comment marche mon application:
Il y aura un administrateur (un et un seul) qui s'authentifiera grâce à un identifiant et un mot de passe (l'identifiant et le mot de passe de l'administrateur sont déjà crées dans une base de données). Une fois authentifié (si l'identifiant et le mot de passe sont pas conformes à ceux inscrit dans la base de donnée), l'administrateur pourra accéder au différentes pages pour ajouter, modifier ou même supprimer des clients.
Ma première page est celle où l'administrateur doit s'authentifier. Je l'ai nommé Index.html.
Après l'authentification, on doit être redirigé sur une autre page qui s'appelle ListeDesClients.php.
Voici en gros toutes les explications et mon problème est que je suis bloqué dans la partie programmation pour pouvoir faire fonctionner la page.
Merci de bien vouloir m'aidez
Voici en dessous le code ma page index.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Service Internet </title>
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" title="default" />
<!-- jquery core -->
<script src="js/jquery/jquery-1.4.1.min.js" type="text/javascript"></script>
<!-- Custom jquery scripts -->
<script src="js/jquery/custom_jquery.js" type="text/javascript"></script>
<!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
<script src="js/jquery/jquery.pngFix.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(document).pngFix( );
});
</script>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
width:98px;
height:74px;
z-index:1;
left: -231px;
top: -175px;
background-image: url(images/Logo/LOGO%20SMBT%20OK.jpg);
background-color: #313131;
background-repeat: no-repeat;
color: #2E2E2E;
}
#apDiv2 {
position:absolute;
width:236px;
height:119px;
z-index:1;
left: 25px;
top: 13px;
}
-->
</style>
</head>
<body id="login-bg">
<!-- Start: login-holder -->
<div id="login-holder">
<!-- start logo -->
<div id="logo-login">Administrateur</div>
<!-- end logo -->
<div class="clear"></div>
<!-- start loginbox ................................................................................. -->
<div id="loginbox">
<!-- start login-inner -->
<div id="login-inner">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<th>Identifiant</th>
<td><input type="text" class="login-inp" /></td>
</tr>
<tr>
<th>Mot de passe</th>
<td><input type="password" onfocus="this.value=''" class="login-inp" /></td>
</tr>
<tr>
<th></th>
<td valign="top"><input type="checkbox" class="checkbox-size" id="login-check" />
Se souvenir de moi</td>
</tr>
<tr>
<th></th>
<td><a href="ListeDesClients.php"><input name="Envoyer" type="submit" class="submit-login" value="Envoyer" /></a></td>
</tr>
</table>
</div>
<!-- end login-inner -->
<div class="clear"></div>
<a href="" class="forgot-pwd">Mot de passe oublié ?</a>
</div>
<!-- end loginbox -->
<!-- start forgotbox ................................................................................... -->
<div id="forgotbox">
<div id="forgotbox-text">Please send us your email and we'll reset your password.</div>
<!-- start forgot-inner -->
<div id="forgot-inner">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<th>Email address:</th>
<td><input type="text" value="" class="login-inp" /></td>
</tr>
<tr>
<th> </th>
<td><input type="button" class="submit-login" /></td>
</tr>
</table>
</div>
<!-- end forgot-inner -->
<div class="clear"></div>
<a href="" class="back-login">Back to login</a>
</div>
<!-- end forgotbox -->
</div>
<!-- End: login-holder -->
</body>
</html>
A voir également:
- Programmer une page identifiant/mot de passe
- Mot de passe - Guide
- Identifiant et mot de passe - Guide
- Trousseau mot de passe iphone - Guide
- Mot de passe administrateur - Guide
- Mot de passe bios perdu - Guide
2 réponses
j'ai mis le code xhtml de ma page now je veux la faire fonctionner en y ajouter php et mysql ce qui va permettre a l'administrateur (entrant son mot de passe et son identifiant) d'acceder a une autre page ListedesClients.php (cette page je l'ai deja creer). Je veux ajouter du code php associé a ma base de donnée pour rendre la page dynamique et exécutez ce que je veux.
