Come creare una pagina di login Con Adobe Dreamweaver CS3

February 7

Utilizzando un programma di Web design, come Adobe Dreamweaver CS3 per creare una pagina di accesso per gli account utente coinvolge tre elementi: una pagina HTML con un form dove gli utenti remoti possono inserire il proprio nome utente o ID e la password; la progettazione di un sistema di comportamento del server utilizzato per convalidare le informazioni inserite; e un database di utenti autorizzati. Il terzo elemento riguarda la creazione del database, che è oltre la portata di questo articolo.

istruzione

1 Creare una nuova pagina in Adobe Dreamweaver CS3 facendo clic su "File", "Nuovo", "Pagina vuota" e selezionando l'opzione "HTML" tipo di pagina. Aggiungere una forma alla pagina facendo clic su "Inserisci", "Form" e modificare il valore predefinito "Form1" nome nella casella Proprietà nella parte inferiore dello schermo per leggere "Entra".

2 Aggiungere un campo di testo nome utente per il modulo cliccando su "Insert", "forma", "Campo di testo". Nel dialogo che si apre, compilare il "ID" in bianco e campi "Etichetta" con "username" e "Nome utente", rispettivamente.

3 Premere il tasto "Enter" per mettere il campo successivo su una nuova linea. Aggiungere un campo di testo della password, l'utilizzo di "password" per l'ID e la "password" per l'etichetta. Lasciare tutte le altre scelte su questi schermi campo di testo così come sono.

4 Premere il tasto "Enter" per creare una nuova linea. Fai clic su "Inserisci", "forma", "Button" e compilare "login" per l'ID. Lasciare il campo Etichetta vuoto. Fare doppio clic sul pulsante, che a questo punto si legge su "Invia", per aprire la finestra Proprietà nella parte inferiore dello schermo. Tipo "Log In" nella casella per Value. Questo finalizza la creazione di una pagina di login HTML per gli account utente in Adobe Dreamweaver CS3. Salvare il lavoro.

5 Creare il processo per verificare le informazioni utente in un database. Clicca su "Finestra" e "Comportamenti server" nel menu di Dreamweaver. Tre passaggi appaiono in una finestra pop-up. Se si dispone già di un sito web, ci dovrebbe essere un segno di spunta dalla prima fase. Fare clic sul "sito" in ogni caso evidenziato per verificare la posizione del sito. Nella riga successiva, cliccare su "tipo di documento" per scegliere il relativo server di tipo di documento di prova dalla lista delle scelte.

6 Fare clic sul terzo punto nella configurazione comportamenti server, che è "server di prova." Qui si dovrà scegliere tra un server di prova sul proprio PC o sul tuo sito web. Quando sono impostate queste voci, una quarta linea apparirà, si dirige attraverso il processo di creazione di un recordset per accedere al database utente / password per gli account utente. Supponendo che il database esiste, Dreamweaver vi guiderà attraverso il processo di collegamento ad esso per finalizzare il processo di login.

Consigli e avvertenze

  • Utilizzare una tabella per contenere i campi di login, impostando la larghezza delle colonne e la spaziatura delle cellule di dimensioni piacevoli e aggiungere i colori di sfondo per migliorare l'aspetto del modulo di login.
  • Impostazione del comportamento del server per verificare nome e password richiede l'utilizzo di un server di prova in Dreamweaver CS3. Mentre è possibile testare sul server remoto, è più pericoloso per quanto riguarda la sicurezza di testare sul proprio PC di sviluppo.