Extensions et tutorials gratuits disponibles sur internet pour Dreamweaver. PHP et ASP. Classement thématique. Blog référencé par Adobe Communauté Dreamweaver.

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

Bookmark and Share

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 :

news11

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

news12

La page admin_newsletter.php sera créée lors de la prochaine étape

Ce billet fait partie du tutorial dreamweaver newsletter


Commentaires

 

Poster un commentaire