Nwlapcug.com


Come creare una pagina di Login con Adobe Dreamweaver CS3

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

Istruzioni

1

Creare una nuova pagina in Adobe Dreamweaver CS3 di a facendo clic su "File", "Nuovo", "Pagina vuota" e selezionando il tipo di pagina "HTML". Aggiungere un modulo alla pagina facendo clic su "Inserisci", "Forma" e cambia il nome di "Form1" predefinito nelle proprietà casella di riepilogo nella parte inferiore dello schermo per leggere "Login".

2

Aggiungere al form un campo di testo nome utente facendo clic su "Inserisci", "Modulo", "Campo di testo." Nella finestra che si apre, riempire i campi vuoti "ID" e "Etichetta" con "username" e "Nome utente" rispettivamente.

3

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

4

Premere il tasto "Enter" per creare una nuova riga. Fare clic su "Inserisci", "Modulo", "Button" e compilare il "login" per l'ID. Lasciare vuoto il campo etichetta. Fare doppio clic sul pulsante, che a questo punto legge "Submit", per aprire la finestra di proprietà nella parte inferiore dello schermo. Digitare "Log In" nella casella valore. Questo consente di finalizzare 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. Fare clic su "Finestra" e "Comportamenti Server" nel menu di Dreamweaver. Tre passaggi vengono visualizzati in una finestra popup. Se avete già un sito Web, ci dovrebbe essere un segno di spunta nel primo passaggio. Fare clic sul "sito" evidenziato comunque per verificare la posizione del sito. Nella riga successiva, clicca su "tipo di documento" ha scelto il server di prova correlati a tipo di documento dall'elenco di scelte.

6

Clicca sulla terza voce configurazione del comportamento del Server, che è "test server." Qui si dovrà scegliere tra un server di prova sul tuo PC o sul tuo sito Web. Quando questi elementi sono impostati, una quarta linea verrà visualizzato, guideranno attraverso il processo di creazione di un RecordSet per accedere al database di utente e 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 & Avvertenze

  • Utilizzare una tabella per tenere i campi di accesso, impostare la larghezza delle colonne e la spaziatura tra le celle alla piacevole dimensioni e aggiungere colori di sfondo per migliorare l'aspetto del form di login.
  • Impostazione del comportamento server per verificare il nome e la 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 test sul proprio PC di sviluppo.