PHP : créer une newsletter avec Dreamweaver (Part 10) - Page de login du back office - Dreamweaver gratuit

PHP : créer une newsletter avec Dreamweaver (Part 10) - Page de login du back office

18 mai 2007 | Posté par caroder à 12:43

Créer un répertoire que vous nommerez \news_admin\ (ou tout autre nom à votre convenance) puis une page login_newsletter.php dans ce répertoire.

Sur cette page créez le formulaire XHTML suivant :

<h1 align="center">Espace administration de monsite.com</h1>
<form>
<div align="center">
<fieldset>
<legend>Veuillez vous identifier </legend>
<label>Login :</label>
<input type="text" name="nom" value="" size="32">
<br /><br />
<label>Password :</label>
<input type="text" name="mail" value="" size="32">
<br /><br />
<div align="center">
<input name="submit" type="submit" class="bouton" value="Envoyer" />
</div>
</fieldset>
</div>
</form>

Puis créez un fichier CSS que vous nommerez admin.css dans lequel vous copierez le code suivant (ce fichier sera enrichi lors des prochaines étapes) :

fieldset {
   border:1px solid #0099CC;
   padding:10px;
   width:400px;
}

legend {
   font: bold 13px Georgia, "Times New Roman", Times, serif;
   margin-bottom:15px;
   color:#0099CC;
}

label {
   font: bold 11px Verdana, Arial, Helvetica, sans-serif;
   display: inline;
   float: left;
   width: 100px;
   font-weight: bold;
   margin-left: 20px;
}

.bouton {
   border: 1px solid #003399;
   background-color:#62D8FF;
   font: bold 11px Verdana, Arial, Helvetica, sans-serif;
   padding: 3px;
}

p {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

h1 {
font: normal 22px Arial, Helvetica, sans-serif;
color: #f60;;
}

Importez la feuille de style dans la page et exécutez votre page dans le navigateur. Vous obtenez ceci :

Puis allez dans Application >> Comportement de serveur >> Authetification de l’utilisateur >> Connecter l’utilisateur. Renseignez la fenêtre comme ci-dessous :