Moduli consentono ai visitatori di interagire con il tuo sito con l'invio di informazioni da elaborare. Un metodo comune dell'utilizzo di moduli è per ottenere un feedback dai visitatori, che possono richiedere ulteriori informazioni. Dreamweaver CS5 semplifica il processo di creazione di moduli offrendo un'interfaccia di progettazione grafica, che immette automaticamente il codice HTML per voi. Elementi di forma, come il bordo del modulo, i campi di testo e pulsanti, sono inseriti nel modulo dal menu modulo.

Istruzioni

1

Aprire la pagina HTML in Adobe Dreamweaver CS5 e scegliere la posizione dove si desidera il modulo per iniziare.

2

Fare clic su "Inserisci" nel menu principale, scegliere "Modulo" e selezionare "Modulo" dal menu a comparsa. Un riquadro tratteggiato rosso apparirà sulla pagina.

3

Immettere l'URL dello script che elaborerà il tuo modulo nel campo "Azione" della finestra di proprietà del pulsante. Se non vedete la finestra Proprietà, tenere premuto il tasto "Ctrl" e premere "F3".

4

Fare clic su "Inserisci", scegliere "Modulo" e selezionare il tipo dell'elemento form si desidera utilizzare. Selezioni di comuni sono "Campo di testo," per aver accettato il testo singolo o multi-linea, "Checkbox" per l'acquisizione di sì/no tipo di risposte, "Radio Button" per la selezione di un elemento e "Selezionare (elenco/Menu)" per l'inserimento di un elenco di opzioni. Ogni componente ha una propria configurazioni, disponibili nella finestra Proprietà.

Ad esempio, per inserire un campo di testo su più righe, fare clic su "Inserisci", "Forma" e "Campo di testo." Fare clic su "OK" nella finestra popup, che richiede informazioni facoltative. Fare clic sul campo di testo appena creato per selezionarlo. Fare clic su "Multi linea" per renderlo un campo multilinea. Specificare la larghezza in pixel del campo nella sezione "Char larghezza" e il numero di righe nel campo "Num Lines". Immettere qualsiasi valore di testo iniziale che si desidera venga visualizzato nella casella di testo, ad esempio "Invio qui il tuo messaggio".

5

Digitare eventuali etichette descrittive che si desidera prima o dopo gli elementi del modulo. Ad esempio, è possibile digitare "Feedback" prima del campo di testo multiriga per informare il visitatore che trova una scatola di feedback.

6

Fare clic su "Inserisci", "Modulo", quindi "Pulsante". Il pulsante sarà un pulsante "Invia" per impostazione predefinita, ma è anche possibile designare un pulsante aggiuntivo come "Reset Form" nella finestra proprietà per consentire agli utenti di cancellare il modulo. Facendo clic sul pulsante Submit presenterà il modulo per l'URL di azione.

7

Salvare la pagina HTML e caricarlo sul server per renderlo attivo.