| In this tutorial you will learn how to create your all | | | | example I have placed a text box for Name and Email |
| important Dreamweaver Contact Form and have the | | | | Address, and also a Text Area for Comments. To do |
| details of the form emailed straight to your INBOX. | | | | this click inside your form object and then from the top |
| Capturing Contact Information of potential customers in | | | | menu select Insert > Form > Label. From the |
| extremely important in the business world. Don't let | | | | Code Window click in between the LABEL Tags and |
| those potential customers or clients disappear just | | | | type in Name:. Next from the top menu again select |
| because you didn't have a Contact Form on your | | | | Insert > Form > Text Field. Name the Text field |
| website. By following this Dreamweaver Tutorial you | | | | name from the properties box at the bottom. |
| will have a WORKING Contact Form up and running in | | | | Repeat those steps and add another Label and Text |
| a few easy steps. | | | | Field and name it email. |
| NOTE: Before we start you will need to download this | | | | 7. Add another Label and type in Comments. Then |
| PHP Form to Email Script and unzip it to the root | | | | add a Text Area, go to Inset > Form > Text |
| directory of your website. Dowload the file from Now | | | | Area in the top menu. Name the Text Area |
| you are ready to begin inserting the form and the fields | | | | comments from the Properties box at the bottom and |
| you would like onto the page. In this example I am | | | | give the Character Width a value of 50 and the |
| going to create anew page, but you can easily add this | | | | Number of Lines a value of 10. |
| to an existing page if you already have one in mind for | | | | 8. Add a Button. Again from the top menu Insert > |
| the form to be placed on. | | | | Form > Button. Your Form should now look like this: |
| 1. In Dreamweaver, choose File > New The New | | | | (note I have put each element on a different line to |
| Document Dialog Box appears. | | | | help with the usability). |
| 2. In the Blank Document list, choose HTML, then click | | | | 9. Now we need to edit a couple of lines in the |
| Create to create a new HTML document. | | | | FormtoEmail.php file. Open the file in Dreamweaver. |
| 3. In the Title text field in the Document toolbar, enter | | | | The first line you need to edit is the line that starts with |
| Contact Form to add a title to your document. | | | | $my_email. |
| 4. Choose File > Save, then save the document in | | | | Change the email address to the address you want |
| your local site folder. Name it ContactForm.htm. | | | | the emails to be sent to. The other line that you may |
| 5. Next we are going to Insert a Form onto the page, | | | | wish to change is this one: |
| Choose Insert > Form then Form from the Flyout | | | | This is where the visitor will be directed after they |
| Menu. A Form dialog box will then open. In the Action | | | | have pressed the SUBMIT button. If you have a page |
| text box type in FormtoEmail.php (this is the file you | | | | that you like to direct them to then place the location |
| extracted to the root of your website earlier). Change | | | | of the file in there, or simply leave it blank and they will |
| the Method to POST and then in the NAME text box | | | | get a thank you message on the same page. |
| type in ContactForm. | | | | 10. Upload both files to your web server and bingo all |
| 6. Next step is to place the form objects onto the | | | | done. You should know have a working contact form. |
| page (the information we would like to collect). In this | | | | |