Dreamweaver Modulo Tutorial

August 13

Dreamweaver Modulo Tutorial


I moduli sono un metodo efficace e conveniente di raccogliere vari tipi di informazioni da parte dei visitatori del sito web. Gli usi comuni includono gli sforzi di marketing e le pagine di contatto; Tuttavia, i proprietari di siti web a trovare che le forme sono utili per diversi scopi. Utilizzando la funzione "Forme" di Dreamweaver, è possibile aggiungere facilmente questo miglioramento a qualsiasi pagina.

L'aggiunta del modulo

Per aggiungere un modulo a una pagina Web, aprire un file di Dreamweaver esistente o crearne uno nuovo. Nella finestra di disegno, posizionare il cursore nel punto in cui si desidera che il modulo di andare.

Utilizzando la barra degli strumenti "Inserisci", fare clic sulla scheda "Moduli" e quindi fare clic sull'icona "Form" sul lato sinistro. Questo vi dà una forma rappresentativa rettangolo di forma in fase di costruzione.

Infine, fare clic sulla scheda "Testo" nella barra degli strumenti "Inserisci" e aggiungere un "H1", "H2" o "H3" voce al form. Perché stiamo progettando un modulo di contatto, digitare il nome "Contatti" o utilizzare un titolo simile. Premere il tasto "Return" o "Invio" per aggiungere uno spazio.

Impostazione delle proprietà del modulo

Impostare le proprietà del form di dare un nome e determinare in che modo i dati dei visitatori viene inviato a un server per l'elaborazione.

Iniziate cliccando forma di rettangolo del form nella finestra di progettazione e poi andare alla barra degli strumenti "Proprietà" per ottenere una visualizzazione personalizzata di opzioni disponibili. Vai al campo di testo "Nome modulo" e immettere una parola di identificazione, come ad esempio "contatto", in modo che il server web sa come identificare le informazioni di questa particolare forma.

Successivamente, compilare il campo di testo "Azione". I punti di azione a un luogo in cui i dati di un modulo sta per essere presentata. Azioni comuni includono la posizione di uno script Hypertext Preprocessor (PHP), che può essere in nome di una cartella o di un indirizzo URL. Utilizzare un servizio gratuito, come ad esempio Free-PHP.net, per ottenere uno script che invia informazioni modulo al tuo indirizzo email, o controllare con il vostro fornitore di host web.

Infine, selezionare il "Method" per determinare come i dati vengono inviati al server per l'elaborazione. Ai fini di un modulo di contatto, scegliere l'opzione "POST".

Inserimento Modulo Elementi

Inserire gli elementi di campo di testo, testo e dei pulsanti per dare ai visitatori un modo per compilare il modulo di contatto.

Aggiungere campi di testo per il nome e il cognome, così come l'indirizzo di posta elettronica. Vai alla scheda "Moduli" nella barra degli strumenti "Inserisci" e cliccare sull'icona campo di testo. Nella finestra di dialogo che si apre, digitare il nome del "ID", come "Nome". Gli ID non sono visibili pubblicamente e sono utilizzati dal server per l'elaborazione.

Continuare inserendo un "Label", che è il campo descrittore di testo che i visitatori effettivamente vedere. Ad esempio, per chiedere un nome, immettere "Nome:" nel campo di testo. Ora, scegliere un "stile" per determinare dove l'etichetta va al campo di testo, che può essere prima o dopo il campo. Ancora una volta, questi dati vengono utilizzati dal server e non pubblicato con la forma. Al termine, fare clic sul pulsante "OK". La finestra di progettazione ora mostra il campo di testo. Ripetere questa procedura per aggiungere il "Nome:" e "Indirizzo e-mail:" campi e immettere l'etichetta appropriata per ciascuno di essi.

Successivamente, aggiungere un'area di testo in modo che le persone possono lasciare commenti prima di inviare le loro informazioni. Vai alla scheda "Moduli" e fare clic sul pulsante "campo di testo" per inserire le informazioni di attributo. Per l ' "ID", digitare l'identificatore "commenti" e inserire "Commenti:" come etichetta. È ora possibile fare clic sulla casella commenti nella finestra di progettazione e passare alla barra degli strumenti "Proprietà" per formattare la casella, se si sceglie. Ad esempio, è possibile impostare la larghezza dei caratteri e il numero di linee che i visitatori possono entrare.

Alla fine, inserire "Reset" e "Invia" pulsanti nella parte inferiore del modulo. A tale scopo, l'accesso alla scheda "Moduli" e facendo clic sull'icona "Button". Nella finestra di dialogo Attributi, digitare "reset" nel campo "ID", lasciare il campo "etichetta" in bianco e fare clic su "No tag etichetta". Fine facendo clic sul pulsante "OK". Ora, fare clic sul nuovo pulsante "Reset" nella finestra di progettazione per visualizzare la barra degli strumenti "Proprietà". Selezionare l'opzione "Reset" valore da assegnare questa azione al pulsante. Ripetere questo passaggio per il pulsante "Invia", avendo cura di tipo "submit" questa volta.

Salvare il modulo e utilizzare la funzione "Preview" del browser per vedere come la pagina dei contatti appare.


Articoli Correlati