Viewers: in countries Watching now:
Discover how to build web sites, prototypes, and more in this course on Adobe Dreamweaver CS6. Author James Williamson shows designers how to take control of their site by properly naming and structuring files and folders; how to create new documents and web pages from scratch or with starter pages; and how to add content such as text, images, tables, and links. James also provides a background on the languages that power projects built in Dreamweaver—HTML and CSS—and introduces the programming features in the application, for developers who want to dig right into the code. The last chapter shows how to finesse your project with interactive content such as CSS3 transitions and Spry widgets.
To create a form you must first have a form tag. All form elements like checkboxes, text fields and menus must be inside the form tag to be considered part of the form. Although Dreamweaver will help you out by wrapping a form tag around the form element if you forget it, this really isn't a good practice. It's better to consciously choose to place a form tag on the page, so that you're in total control of how your form is constructed. In Dreamweaver the Insert Toolbar is where you'll access, your form elements when building your form. Since all form elements are located in one central location, you really won't need to access anything else in Dreamweaver when building forms.
We're going to start building our form by placing a form tag on the page and then setting some form properties for it. So I'm going to scroll down a little bit I have the Request.htm file open here from 10_04 folder, and what I am going to do is just place my cursor at the very end of this paragraph that we've, so sort of intro paragraphs to this. I am going to go right up here to my Form objects in my Insert Panel, and I'm going to click right there to Insert a Form on the page. Now anytime that you're focused on actual form element itself, you can see down here in the Tag selector, the form is automatically selected the moment you placed on the page.
We can begin to Set Properties for that form. Now we if lose that focus and you want to get those back, it is pretty easy to do, just click back inside the form and if your form contains elements, you may have use the Tag Selector to focus specifically on the form tag. But for the most part, it's pretty easy to bring these options back anytime you want. Now for this particular form ID, I am going to type in frm capital R, request all one word. So frmRequest is the name I am going to give this. For Action, I am going point that to requestConfirm.htm.
So it's a lower case r, capital C, all one word, requestConfirm.htm, that's going to be the processing page for this particular form. Now again, that's a little outside the scope of this course. We want to actually be making the processing page functional. But if it were a ColdFusion page or a . NET page, or a PHP page, that is the page that it would process or form data. We also get to choose the method; it knows that of course we can choose between either a Get or Post and in this case we're going to just leave the Default as Post. So we are off to a good start, we now have a solid foundation for building our form.
As I mentioned, you can go back any time and select the form tag and modify the properties that we've just set if anything changes. You're also free to begin building your forms without knowing any of the settings that we just set. You can go back and enter them anytime later on. Now I feel it's the best practice to go ahead and fill them out as soon as you start building your form, if you know what those settings are going to be. That way you can avoid any errors caused by forgetting to go back and setting them later.
There are currently no FAQs about Dreamweaver CS6 Essential Training.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.