Come formattare un form in DreamWeaver

moduli Web svolgono molte funzioni . Si possono utilizzare per raccogliere i dati , vendere le cose , fare le indagini , dare esami e quiz - e questo solo graffi la superficie. Dreamweaver, uno dei principali lo sviluppo di applicazioni Web , ha diverse caratteristiche per la costruzione e la formattazione di forme . È 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 usare HTML e Cascading Style Sheets , o CSS , per modificare l'aspetto della forma . Queste caratteristiche appaiono in Dreamweaver CS2 e versioni successive. Istruzioni
1

Aprire una pagina HTML di Dreamweaver 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 " Copia " dalla lista Tipo 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 iniziare il vostro modulo per inserire il cursore .

3 Fare clic sul menu "Inserisci" , scegliere " modulo " e poi selezionare " Campo di testo ". La maggior parte dei moduli iniziano con un campo di testo per il nome dell'utente . Molte forme hanno due campi di nome , uno per il nome e una per il cognome . Se non si desidera avviare il modulo con un campo di testo , scegliere un altro tipo di campo modulo dal menu Modulo . Questo apre la accessibilità tag Input finestra di dialogo Attributi .
4

Tipo un nome identificativo nel campo " ID " . Ogni forma di campo ID deve essere univoco . Il browser dell'utente e gli script che presentare e gestire i dati del modulo utilizzano l'ID del campo modulo di associare i dati dei moduli con campi specifici .

È inoltre possibile creare un'etichetta campo dalla accessibilità tag Input finestra di dialogo Attributi . Digitare l'etichetta nel campo "Etichetta" e utilizzare le opzioni sotto "Posizione" per configurare il posizionamento del marchio - . Prima o dopo il campo
5

Fare clic su " OK" per l' incasso campo nella pagina . Viene chiesto se si desidera aggiungere un tag form . Questo crea una regola CSS per l'elemento form. Fare clic su "Sì". Dreamweaver inserisce il campo e crea un rettangolo di selezione tratteggiato rosso attorno ad essa . 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 di modulo e passare al pannello Proprietà . A seconda del tipo di elemento del form , è possibile apportare numerose modifiche alla formattazione nel pannello Proprietà . Per i campi di testo , per esempio , è possibile impostare la larghezza del campo , modificare il campo dalla linea singola a multi- linea e impostare il numero massimo di caratteri . È anche possibile inserire gli elementi del modulo che forniscono all'utente opzioni , come ad esempio elenchi di selezione e selezionare i menu , Pulsante Gruppi e Gruppi casella di controllo.
7

doppio clic sull'etichetta per selezionarla. Vai al pannello delle proprietà e fare clic sul pulsante " Modifica regola " . Verrà visualizzata la finestra di dialogo Nuova regola CSS . Cliccare 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 , fare clic su " Tipo " nella colonna" Categoria " .
8

Fai il tipo di carattere , stile del carattere , colore del carattere desiderato e cambia dimensione del font e fare clic su " OK . " questo cambia il formato per questa etichetta e gli altri si crea per questa forma
9

ripetere questo processo per creare il resto degli elementi del modulo . si può includere qualsiasi ( e come molti come è necessario ) degli elementi del modulo del sottomenu modulo . sulla maggior parte delle forme , l'ultimo elemento di forma è il pulsante Invia .