Nwlapcug.com


Come creare moduli di contatto gratuiti in Dreamweaver

Un modulo di contatto online offre ai visitatori un modo per contattare il webmaster di quel sito. Moduli di contatto sono lì per raccogliere informazioni quali nomi, indirizzi email e i commenti dei visitatori. Software di authoring web Adobe Dreamweaver fornisce agli utenti un layout di progettazione visiva e un numero di strumenti predefiniti per creare tali forme di contatto.

Istruzioni

1

Aprire Adobe Dreamweaver e creare un nuovo file.

2

Selezionare "Pagina vuota" sotto "Categoria" nel riquadro di sinistra e quindi selezionare "HTML" nel riquadro di destra della finestra "Nuovi documenti".

3

Fare clic su "Crea". Ora viene visualizzata una pagina bianca vuota per creare il tuo modulo.

4

Fare clic su "Inserisci" presso la barra dei menu e quindi fare clic su "Modulo". Questo comando creerà una scatola quadrata sul vostro schermo con angoli rossi intorno ad esso. Si inserirà tutti gli elementi del modulo all'interno di questa casella.

5

Posizionare il cursore in alto a sinistra nella piazza e digitare "nome:" e poi andare alla barra dei menu in alto e fare clic su "Inserisci", "Oggetti Form" e fare clic su "Campo di testo." Viene inserita una casella di testo a destra dell'etichetta nome per raccogliere il nome del visitatore.

6

Posizionare il cursore nel piazzale sottostante l'etichetta del nome e il tipo "Cognome:" e poi andare alla barra dei menu in alto e fare clic su "Inserisci", "Oggetti Form" e fare clic su "Campo di testo." Viene inserita una casella di testo a destra dell'ultima etichetta nome per raccogliere il nome del visitatore.

7

Posizionare il cursore nel piazzale sottostante l'ultima etichetta del nome e il tipo "Email:" e poi andare alla barra dei menu in alto e fare clic su "Inserisci", "Oggetti Form" e fare clic su "Campo di testo." Viene inserita una casella di testo a destra dell'etichetta e-mail per raccogliere l'indirizzo e-mail del visitatore.

8

Posizionare il cursore nel piazzale sottostante l'etichetta di indirizzo di posta elettronica e il tipo "Commenti:" e poi andare alla barra dei menu in alto e fare clic su "Inserisci", "Oggetti Form" e fare clic su "Textarea". Viene inserita una casella di testo area a destra dell'etichetta commenti per raccogliere i commenti del visitatore.

9

Fare clic su "Visualizza" e quindi fare clic su "Proprietà", se la finestra proprietà non è già visualizzata.

10

Fare clic su ogni casella di testo di input. Questo vi permetterà di cambiare il suo nome nella finestra "Proprietà". Modificare ogni casella che corrisponde al nome del suo marchio.

11

Posizionare il cursore in basso nella piazza sottostante tutti gli elementi di modulo e fare clic su "Inserisci", "Gli oggetti Form," e quindi fare clic su "Pulsante". Questo consente di inserire un pulsante di invio sotto il modulo di contatto.

Codice sorgente di esempio HTML generato in Dreamweaver:

< forma azione = "inserire qui il vostro script lato server" method = "post" >

< p > Nome:

&lt;input type="text" name="FirstName" />

&lt;input type="submit" name="Submit" value="Submit">

</p >

< p > cognome: < input type = "testo" nome = "LastName" / >< / p >

< p > posta elettronica: < input type = "testo" nome = "email" / >< / p >

< p > Commenti: < textarea nome = "Commenti" cols = "40" righe = "10" >

Digitare commenti. < / textarea >< / p >

< input type = "submit" nome = "submit" value = "submit" / >

< / form >

12

Fare clic su "File" e poi "Salva come". Salvarlo come contactform.html.