Comment créer une page Connexion Avec Adobe Dreamweaver CS3

Utilisation d'un programme de conception de sites Web comme Adobe Dreamweaver CS3 pour créer une page de connexion pour les comptes d'utilisateurs comporte trois éléments: une page HTML avec un formulaire où les utilisateurs distants peuvent entrer leur nom d'utilisateur ou ID et le design par mot de passe d'un système de comportement de serveur utilisé pour valider la entré d'informations et une base de données d'utilisateurs autorisés. Le troisième élément implique la création de base de données, qui est au-delà de la portée de cet article.

Choses que vous devez

  • Adobe Dreamweaver CS3

Instructions

  1. Créer une nouvelle page dans Adobe Dreamweaver CS3 en cliquant "Fichier," "Nouveau," "Page Blanche" et en sélectionnant le "HTML" type de page. Ajouter un formulaire à la page en cliquant sur "Insertion," "Forme" et de changer la valeur par défaut "Form1" nom dans la boîte de dialogue Propriétés au bas de l'écran pour lire "S'identifier."




  2. Ajouter un champ de texte Nom de l'utilisateur vers le formulaire en cliquant sur "Insertion," "Forme," "Champ de texte." Dans la boîte qui apparaît, remplir le vide "ID" et "Étiquette" champs avec "nom d'utilisateur" et "Nom d'utilisateur" respectivement.

  3. Appuyez sur la "Entrer" clé pour mettre le champ suivant sur une nouvelle ligne. Ajouter un champ de texte de mot de passe, en utilisant "mot de passe" pour l'ID et "Mot de passe" pour le label. Laissez tous les autres choix sur ces écrans de champ de texte comme ils sont.

  4. Appuyez sur la "Entrer" clé pour créer une nouvelle ligne. Cliquez "Insertion," "Forme," "Bouton" et remplir "se connecter" pour l'ID. Laissez le champ Label vide. Double-cliquez sur le bouton, qui à ce stade lit "Soumettre" pour ouvrir la fenêtre Propriétés en bas de l'écran. Type "S'identifier" dans la boîte de valeur. Cette finalise la création d'une page HTML pour connecter les comptes d'utilisateurs dans Adobe Dreamweaver CS3. Enregistrez votre travail.




  5. Créer le processus pour vérifier les informations de l'utilisateur dans une base de données. Cliquer sur "Fenêtre" et "Comportements de serveur" dans le menu Dreamweaver. Trois étapes apparaissent dans une fenêtre pop-up. Si vous avez déjà un site, il devrait y avoir une coche par la première étape. Cliquez sur l'évidence "site" de toute façon à vérifier l'emplacement du site. Sur la ligne suivante, cliquez sur "type de document" de choisir le serveur lié tests type dans la liste de choix de document.

  6. Cliquez sur le troisième élément dans la configuration de comportements de serveur, qui est "le serveur de test." Ici, vous aurez à choisir entre un serveur de test sur votre propre PC ou sur votre site web. Lorsque ces éléments sont définis, une quatrième ligne apparaîtra, vous diriger à travers le processus de création d'un jeu d'enregistrements pour accéder à la base de données / mot de passe utilisateur pour les comptes utilisateurs. En supposant que la base de données existe, Dreamweaver vous guidera à travers le processus de lier à elle pour finaliser le processus de connexion.

Conseils & Avertissements

  • Utilisez un tableau pour contenir les champs de connexion, le réglage des largeurs de colonnes et l'espacement des cellules aux dimensions agréables et ajouter des couleurs d'arrière-plan pour améliorer l'apparence de la forme de connexion.
  • Configuration du comportement de serveur à vérifier le nom et les mots de passe nécessite l'aide d'un serveur de test dans Dreamweaver CS3. Alors que vous pouvez tester sur votre serveur distant, il est plus dangereux en ce qui concerne la sécurité que de tester sur votre propre PC de développement.
» » » » Comment créer une page Connexion Avec Adobe Dreamweaver CS3