Start learning with our library of video tutorials taught by experts. Get started
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.
Our form is for the most part finished and ready to go. Currently however, it has no way to go anywhere. A well structured InDesign form is absolutely useless without a Submit Button. Submit Buttons are specialized form elements that tell the form to take the data that it has collected and send it to the processing page. To finish the initial construction of our form, we're going to insert a Submit button. So I am going to scroll down into our form, to the very, very end and right down there I can see the Submit Placeholder. So we'll go ahead and get rid of that content and then I want to go up to my Form objects and there is the Submit Button.
It's actually just a button to be quite honest with you; it's not called a Submit Button, by default we make it into one. Instead the icon looks kind of like a chicklet. Now, but you youngsters don't even know what chicklets are. All right, so I am going to go ahead and click on that and I get an ID for this, the ID is going to be submit. So once again, we get our Input Tag Accessibility Attributes. Now I am not to do a Label Tag, you will notice that that's the default for Submit Buttons, because basically you don't need a Label, beside it's saying, hey, click here, than on the button saying click here, that kind of doesn't make any sense. But I am going to give it a Tab Index and the Tab Index for this one is going to be 140.
Now when I click OK, I see the Button is submitted if you will, on the page, and if I click on this, I can Rename the Button if I want, but I can also change the Value. Now the Value is the label that's found on the Button itself. In this case, instead of Submit, I am going to type in Request Info, and I'm going to add an exclamation point Request Info! Because I want it to be a positive experience. Now for the Action, I am going to choose Submit form, you'll notice that we have Multiple Actions that we can take. You can choose None or Reset form. You might be asking yourself, wait a minute, why would you None? Well, None allows you to place a Button element on the page and then attach your own scripting to it, so that whatever functionality you want that Button to perform, you can just go ahead and wire that up yourself.
Our form is almost finished. If I go and Save this and switch over to Live View, I can go down through my form, I can start entering an information into the form, I can choose options, I can select Multiples where they're appropriate, and of course, I have the Request Info! which I can click. However, even though it's functional, our poor form is not even close to being good-looking. In fact, I may have just constructed the worst looking form of all time. So to make it fit the design of our site a little bit better and to help with visual usability, we're going to use CSS to restyle our form and the form elements inside of it.
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.