Un modulo di contatto online offre ai visitatori un modo per contattare il webmaster di questo sito web. moduli di contatto sono lì per raccogliere informazioni quali nomi, indirizzi e-mail e commenti dei visitatori. Adobe Dreamweaver software web-authoring offre agli utenti un layout visual design e una serie di strumenti predefiniti per creare tali forme di contatto.

istruzione

1 Aprite Adobe Dreamweaver e creare un nuovo file.

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

3 Fare clic su "Crea". Si è ora presentata una pagina vuota bianca per creare il modulo.

4 Fai clic su "Inserisci" alla barra dei menu in alto e poi su "forma". Questo comando creerà una scatola quadrata sullo schermo con gli angoli rossi intorno ad esso. Metterete tutti i tuoi elementi del modulo all'interno di questa scatola.

5 Posizionare il cursore in alto a sinistra nella piazza e digitare "Nome:" e poi andare alla barra dei menu in alto e cliccare su "Insert", "Oggetti modulo" e cliccare su "Campo di testo". Ciò inserire una casella di testo a destra della prima etichetta nome per raccogliere prima il nome del visitatore.

6 Posizionare il cursore nella piazza sottostante la prima etichetta nome e digitare "Nome:" e poi andare alla barra dei menu in alto e cliccare su "Inserisci", "Oggetti modulo" e fare clic su "campo di testo". Ciò inserirà una casella di testo alla destra dell'ultima etichetta nome per raccogliere il cognome del visitatore.

7 Posizionare il cursore nella piazza sottostante l'ultima etichetta nome e digitare "E-mail:" e poi andare alla barra dei menu in alto e cliccare su "Inserisci", "Oggetti modulo" e fare clic su "campo di testo". Ciò inserirà una casella di testo alla destra dell'etichetta e-mail per raccogliere l'indirizzo email del visitatore.

8 Posizionare il cursore nella piazza sottostante l'etichetta con l'indirizzo di posta elettronica e digitare "Commenti:" e poi andare alla barra dei menu in alto e cliccare su "Inserisci", "Oggetti modulo" e fare clic su "Textarea". Ciò inserire una casella di testo alla destra dell'etichetta commenti per raccogliere i commenti dei visitatori.

9 Fai clic su "Visualizza" e quindi fare clic su "Proprietà" Se la finestra Proprietà non è visualizzato già.

10 Clicca su ogni casella di testo di input per selezionarla. Questo vi permetterà di cambiare il suo nome nella finestra "Proprietà". Cambiare ogni scatola a corrispondere con il nome di sua etichetta.

11 Posizionare il cursore in basso nella piazza sottostante tutti gli elementi del form e clicca su "Insert", "Oggetti modulo," e quindi fare clic su "Pulsante". Viene inserito un pulsante di invio sotto il modulo di contatto.

il codice sorgente di esempio HTML generato in Dreamweaver:

<Form action = "posizionare lo script lato server qui" method = "post">

<P> Nome:

<input type="text" name="FirstName" />

& Lt; input type = "submit" name = "submit" value = "Invia">

</ P>

<P> Nome: <input type = "text" name = "Cognome" /> </ p>

<P> E-Mail: <input type = "text" name = "email" /> </ p>

<P> Commenti: <textarea name = "Commenti" cols = righe "40" = "10">

Digitare commenti qui. </ Textarea> </ p>

<Input type = "submit" name = "submit" value = "submit" />

</ Form>

12 Fai clic su "File" e poi "Salva con nome". Salvarlo come contactform.html.