Wie erstelle ich eine Login-Seite mit Adobe Dreamweaver CS3

July 16

Mit einem Webdesign Programm wie Adobe Dreamweaver CS3 eine Login-Seite für Benutzer-Accounts erstellen umfasst drei Elemente: eine HTML-Seite mit einem Formular, wo Remotebenutzer können geben Sie ihren Benutzernamen oder die ID und das Kennwort; Gestaltung eines Server-Verhalten-Systems verwendet, um die eingegebenen Informationen zu überprüfen; und eine Datenbank der autorisierten Benutzer. Das dritte Element umfasst die Erstellung von Datenbanken, die über den Rahmen dieses Artikels ist.

Anweisungen

1 Eine neue Seite erstellen in Adobe Dreamweaver CS3 durch Klicken auf "Datei", "Neu", "Leere Seite" und den "HTML" Seite auswählen. Der Seite fügen Sie ein Formular hinzu, indem Sie auf "Einfügen", "Form" und Ändern der Standardnamen "Form1" in den Eigenschaften im Feld am unteren Rand des Bildschirms zu lesen "Login."

2 Dem Formular fügen Sie ein Textfeld Benutzername hinzu, indem Sie auf "Einfügen" "Form" "Textfeld." Füllen Sie im Feld, das geöffnet wird die leeren "ID" und "Label" Felder mit "Benutzername" und "Benutzername" bzw..

3 Drücken Sie die "Enter"-Taste zum nächste Feld in einer neuen Zeile zu setzen. Fügen Sie ein Textfeld Passwort mit "Passwort" für die ID und "Passwort" für das Label. Lassen Sie alle anderen Auswahlmöglichkeiten auf diesen Text-Feld-Bildschirmen, wie sie sind.

4 Drücken Sie die "Enter"-Taste, um eine neue Zeile zu erstellen. Klicken Sie auf "Einfügen", "Form" "" und füllen Sie "Anmelden" für die ID. Lassen Sie das Label-Feld leer. Doppelklick auf die Schaltfläche "Abschicken", um das Eigenschaften-Fenster am unteren Rand des Bildschirms öffnen an diesem Punkt liest. Geben Sie "Log In" in das Feld Wert. Dies schließt die Schaffung einer Login-HTML-Seite für Benutzerkonten in Adobe Dreamweaver CS3. Speichern Sie Ihre Arbeit.

5 Erstellen Sie den Prozess, um Benutzerinformationen in einer Datenbank zu überprüfen. Klicken Sie auf "Fenster" und "Serververhalten" im Menü "Dreamweaver". Drei Schritte in einem Popupfenster angezeigt. Wenn Sie bereits eine Website haben, sollte es ein Häkchen von den ersten Schritt. Klicken Sie auf die hervorgehobenen "Site" sowieso, um den Speicherort der Website zu überprüfen. Klicken Sie auf der nächsten Zeile auf "Dokumenttyp" wählte im Test Server entsprechenden Dokument aus der Liste der Auswahlmöglichkeiten geben.

6 Klicken Sie auf das dritte Element in der Serververhalten-Einrichtung, die "Server ist testen". Hier haben Sie die Wahl zwischen einem Testserver auf Ihrem eigenen PC oder auf Ihrer Website. Wenn diese Elemente festgelegt sind, wird eine vierte Linie, zeigen leiten Sie durch die Erstellung eines Recordsets um die User/Passwort-Datenbank für Benutzer-Accounts zugreifen. Vorausgesetzt, dass die Datenbank vorhanden ist, gehen Dreamweaver Sie durch den Prozess der Verknüpfung, um den Anmeldeprozess abzuschließen.

Tipps & Warnungen

  • Verwenden Sie eine Tabelle zu halten die Anmeldefelder, Festlegen der Spaltenbreite "und" Zellabstand auf angenehme Dimensionen und Hintergrundfarben zur Verbesserung der Darstellung des Login-Formular hinzufügen.
  • Einrichten des Serververhaltens überprüfen Sie Namen und Kennwörter erfordert, mit einem Testserver in Dreamweaver CS3. Während Sie auf dem remote Server testen können, ist es gefährlicher in Bezug auf Sicherheit als auf Ihre Entwicklung PC testen.

SIE KÖNNEN AUCH GERNE