March 22
moduli Web svolgono molte funzioni. Si possono utilizzare per raccogliere i dati, vendere le cose, fare le indagini, dare test e quiz - e questo solo gratta la superficie. Dreamweaver, uno dei principali lo sviluppo di applicazioni Web, ha molte caratteristiche per la costruzione e le forme di formattazione. È possibile utilizzare 12 elementi del modulo del programma, come ad esempio i campi di testo, aree di testo, elenchi a discesa e gruppi di pulsanti, per costruire la forma, e quindi utilizzare HTML e Cascading Style Sheets, o CSS, per modificare l'aspetto della forma. Queste caratteristiche appaiono in Dreamweaver CS2 e versioni successive.
1 Aprire una pagina di Dreamweaver HTML in cui si desidera includere un modulo, o iniziare una nuova pagina HTML. Per una nuova pagina, fare clic sul menu "File" e scegliere "Nuovo". Si apre la finestra di dialogo Nuovo documento. Scegliere "HTML" dalla lista Tipo di pagina, selezionare il layout desiderato dall'elenco layout, e quindi fare clic su "OK".
2 Fare clic nell'area della pagina in cui si desidera avviare il modulo per inserire il cursore.
3 Fare clic sul menu "Inserisci", scegliere "forma", e quindi selezionare "campo di testo." La maggior parte delle forme iniziano con un campo di testo per il nome dell'utente. Molte forme hanno due campi di nome, uno per il nome e uno per il cognome. Se non si desidera avviare il modulo con un campo di testo, scegliere un altro tipo di campo modulo dal sottomenu modulo. Questo apre la accessibilità tag Input finestra di dialogo Attributi.
4 Digitare un nome identificativo nel campo "ID". Ogni forma di campo ID deve essere univoco. Il browser dell'utente e gli script che inviano e gestiscono i dati del modulo utilizzano l'ID del campo di modulo per associare i dati del modulo con i campi specifici.
È inoltre possibile creare un'etichetta campo dalla accessibilità tag Input finestra di dialogo Attributi. Inserire l'etichetta nel campo "Label" e utilizzare le opzioni sotto "Posizione" per configurare la posizione dell'etichetta - prima o dopo il campo.
5 Fai clic su "OK" per inserto campo nella tua pagina. Dreamweaver chiede se si desidera aggiungere un tag form. Questo crea una regola CSS per l'elemento modulo. Fai clic su "Sì". Dreamweaver inserisce il campo e crea una punteggiata riquadro rosso attorno ad esso. Questa casella identifica l'area modulo nella pagina. È necessario posizionare tutti gli altri elementi del modulo per questa forma all'interno della scatola.
6 Selezionare l'elemento del modulo e passare al pannello Proprietà. A seconda del tipo di elemento di modulo, è possibile apportare numerose modifiche di formattazione nel pannello Proprietà. Per i campi di testo, ad esempio, è possibile impostare la larghezza del campo, modificare il campo da linea singola a più linee e impostare il numero massimo di caratteri. È inoltre possibile compilare gli elementi del modulo che forniscono all'utente opzioni, come elenchi di selezione e selezionare i menu, Radio pulsante Gruppi e Gruppi Casella di controllo.
7 Fare doppio clic sull'etichetta per selezionarla. Vai al pannello Proprietà e fare clic sul pulsante "Modifica regola". Questo apre la finestra di dialogo Nuova regola CSS. Fai clic su "OK per aprire la finestra di dialogo Definizione regola CSS. Da qui è possibile modificare le proprietà del testo dell'etichetta. Per modificare l'aspetto del testo, clicca su" Type "nella colonna" Categoria ".
8 Rendere il carattere desiderato, stile del carattere, colore carattere e modifiche delle dimensioni e fare clic su "OK". Questo cambia il formato per questa etichetta e gli altri si crea per questa forma
9 Ripetere questa procedura per creare il resto degli elementi del modulo. È possibile includere qualsiasi (e come molti di cui hai bisogno) degli elementi di forma del sottomenu modulo. Sulla maggior parte delle forme, l'ultimo elemento forma è il tasto Invia.