Extensions et tutorials gratuits disponibles sur internet pour Dreamweaver. PHP et ASP. Classement thématique. Blog référencé par Adobe Communauté Dreamweaver. Un peu de philosophie.
Dreamgratuit - Philosophie
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 :
La page admin_newsletter.php sera créée lors de la prochaine étape
Ce billet fait partie du tutorial dreamweaver newsletter