Designer Today - Graphic Design Magazine
Designer Today is the premiere graphic design magazine and tutorial resource for designers

Web Design Tutorials


 


Interactive Forms – Adobe Dreamweaver CS3 Tutorial
Beatriz Mariniello

 

July, 2007

In this tutorial we will show you how to create a form (insert fields and buttons into the form and validate them)  in Adobe Dreamweaver CS3.


The form elements can be inserted into a page through the Insert menu and then selecting the Form option.
Through this option you can access the list of all form objects that can be inserted in a Page.
Let's look at some of the different elements that can compose a form, and also some of its properties.

Open a New Document
Go to the Insert button at the Main Menu and select: "Form/Form"



After that go again to the Insert menu and select: "Insert/Form/Text Field"
The text field only allows the user to write a line.



Then repeat the action and choose: "Insert/Form/Text Area"
On the other hand, the Text Area allows the writing of many lines:



Now, if you want to add a button do the following:

Go to the main menu and select: "Insert/Form/Button".
The button can have three options assigned: Submit form, Reset form (clear all the form fields), or None, here, as an example I chose SUBMIT.



Now, lets add a Check box:

Go to "Insert/Form/Check Box"
Is a little square that can be activated or deactivated:
It can be set in its initial status as Checked or as Unchecked.

 

Finally, lets add a Radio button:

Go to "Insert/Form/Radio Button"
Is a little circular button that can be selected or deselected. If there are many in the same form only one can be activated. When you activate one, the others are automatically deactivated.




Have Fun!!
 

Download the original source files from this tutorial in Zip format Here




Copyright (c) 2007, Beatriz Mariniello, All Rights Reserved

 



Be the first to bookmark or share this

 

 

 



Web Design Tutorial Section

In this section you will find excellent web design tutorials and training, as well as web design tips, tricks, techniques and effects. Our writers work hard to provide free web design training for you! Our tutorials cover several different html editors and many styles and types of web design and programming. Visit the Designer Today resource directory for more web design and web graphics tutorial resources. You can also find more Web Design Tutorials at Tutorials Today.




Designer Today Tutorial CD

Designer Community Forum

Advertise on Designer Today

Search and register domains at 123 Domain Names UK, Domain Name Registration UK
and the
UK Domain Name Registration Centre

Designer Today - The Graphic Design Magazine for 2D and 3D graphic designers Hundreds of graphic design
and graphic design software tutorials, product reviews and design articles for the graphic designer


Graphic Design Articles | Graphic Design Newsletter | Graphic Design Training  
Photoshop Tutorials | Illustrator Tutorials | After Effects Tutorials


Also be sure to visit
Fun Meme Jokes and Humor | Favorite {fvrit} Blog |
Poser World | The Poser Gazette
Favorite Media |
Stock 3D wiki | Statesboro Magazine | Five Million Dots | Small Business Consumer
GMP Savings Store

Privacy Policy | Website Copyright and Terms & Agreement | Contact | Information | Site Map | Advertise | Submissions

DesignerToday.com runs on a Content Management System by GMP Services
Copyright © 1998-2008, GMP Services, Inc. -
Media Publishers of Statesboro Georgia, All Rights Reserved