moduli Web vengono utilizzati per raccogliere informazioni e feedback dai vostri visitatori del sito web. La pagina Web contiene scatole speciali chiamati "campi" che raccolgono alcuni dati. I campi possono essere designati come caselle di testo, caselle di controllo, pulsanti di opzione o menu a discesa. Il modulo contiene anche un pulsante Invia che richiama lo script per elaborare le informazioni inserite, e un pulsante di reset per restituire il modulo al suo stato di default e cancellare tutte le informazioni inserite. Dreamweaver 8 comprende strumenti integrati che consentono di creare forme con il clic di un pulsante.

istruzione

1 Aprire Dreamweaver e fare clic su "HTML" sulla schermata di avvio per creare una nuova pagina.

2 Digitare le istruzioni per la compilazione del modulo sulla pagina web.

3

Fai clic su "Forms" dal menu della barra degli strumenti principale nella parte superiore dello schermo o fare clic sulla scheda "Moduli" se la barra degli strumenti è fissato per le schede invece di menu.

4


Muovi il mouse, senza click, sopra i pulsanti sui moduli barra degli strumenti per visualizzare il testo di aiuto che descrive ciò che ogni pulsante.

5 Clicca sulla tua pagina web e aggiungere un ritorno a capo sotto le direzioni digitati e fare clic sul primo pulsante sulla barra degli strumenti Form per inserire un nuovo modulo. Il modulo è indicato da un contorno rosso tenue. Tutti i campi di modulo devono andare dentro questo schema rosso.

6 Fare clic sul pulsante "Casella di testo" nella barra degli strumenti Form (accanto al pulsante Form) per entrare in un campo di testo al form.

7

Digitare un'etichetta per questo campo (ad esempio, "Nome") che indica il tipo di informazioni che si desidera raccogliere. Questo ste [creerà automaticamente un'etichetta di testo per il campo della pagina web se si lascia "avvolgere con tag label" selezionato. È possibile scegliere se l'etichetta dovrebbe venire prima o dopo il campo modulo pure.

8 Fai clic su "OK" quando è terminata l'impostazione il campo di testo.

9

Ripetere i passaggi 6 a 8 per ogni altro campi di testo le vostre esigenze di forma. Il tipo di campo "Area di testo" (accanto al campo di testo sulla barra Form) consente di aggiungere un campo di testo che dispone di più linee, che possono essere utilizzati per la raccolta di feedback o commenti che richiedono una stanza in più.

10 Aggiungere un ritorno a capo dopo l'ultimo campo di testo e fare clic sul pulsante di campo "Casella di controllo". Come il campo di testo, inserire un'etichetta per questo campo nella finestra di dialogo.

11 Fare clic sul campo "Casella di controllo" nella pagina web per vedere le impostazioni nella finestra di ispezione Proprietà nella parte inferiore dello schermo.

12

Fare clic sulla casella all'estrema sinistra che dice "Casella di controllo" e sostituire il testo con un'etichetta che si riferisce alla fine la vostra casella di controllo in modo che quando si ricevono i risultati di questo modulo, capirete quale campo il visitatore controllata. Questa etichetta è il campo "nome" o ID. È possibile utilizzare un gruppo di caselle di controllo insieme per selezioni multiple nella stessa categoria, dando loro tutto il nome stesso / ID.

13


Personalizzare la proprietà "Controllato Value" per indicare ciò che il valore di quel campo è quando il visitatore clicca esso. Vuol dire "Sì" o "No", per esempio? Le caselle di controllo possono avere lo stesso ID (vedi punto precedente), ma ogni casella di controllo deve avere un valore unico. I visitatori possono spuntare più caselle di controllo in un modulo.

14 Fare clic su qualsiasi spazio vuoto sulla pagina web per tornare alla modifica della pagina.

15 Fare clic sul "/ Menu List" tipo di campo sulla barra Form e dargli un'etichetta.

16 Fare clic sul campo "Menu" dopo che è stato aggiunto alla tua pagina web in modo da poter vedere la sua impostazione nella finestra di ispezione Proprietà.

17

Fare clic sul pulsante "Elenco valori" sul lato destro della finestra di ispezione Proprietà per aggiungere i valori alla tua lista o di un campo di menu. Fai clic su "OK" quando fatto.

18 Selezionare "List" o "Menu" come tipo di campo che si desidera. Un elenco mostra tutte le opzioni in una scatola. Un menu è più compatto e occupa solo una riga. Se si sceglie List, è necessario aumentare il valore di altezza da 1 o sarà lo stesso come un campo di menu. campi elenco può anche essere impostato per consentire selezioni multiple; menu non può.

19 Fare clic sul menu "File" e poi "Salva". Ora avete aa modulo web in Dreamweaver 8.

Consigli e avvertenze

• Il campo pulsante funziona in modo simile al campo casella selezionata, ma un solo pulsante sotto lo stesso nome / ID può essere selezionato dal visitatore. campi pulsante di opzione sono buone per le domande "o / o" e "Sì / No".
• moduli Web richiedono uno script per elaborare le informazioni immesse. Fare clic sul tag "FORM" nel selettore di tag (in basso a sinistra della finestra di modifica) per accedere alle proprietà del modulo per inserire l'URL per lo script web.
• Una buona sceneggiatura di posta da utilizzare con moduli web è lo script FormMail NMS (vedi Risorse aggiuntive). Mantiene il modulo più sicuro nascondendo gli indirizzi email dei destinatari e limitando l'esecuzione della forma di pagine originarie di dominio, che impedisce il modulo web venga utilizzato come relè per spam.